@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8151.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8151,6340,6135,8544,9154,1051,8657,7318],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(87363),C=t(8135),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,C.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,v.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,v.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(8135),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.Z,C);v.Z&&v.Z.locals&&v.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:v.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(8135),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),v=(0,i.Z)(g,2),C=v[0],b=v[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:C,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(8907),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(8135),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2,v.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var C=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(v.aH,h&&!C?v.pn:void 0,p.getIsInMobileView()?v.ai:void 0,"left"==i?v.t$:v.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(23327),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(v.Cu,h?v.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:v._W,children:d}),a&&(0,j.jsx)("div",{className:v._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},98151:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(88683),d=t(65515),a=t.n(d),l=t(8135),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),C=t(19216),b=t.n(C),w=t(44589),y=t.n(w),P=t(57771),j={};j.styleTagTransform=y(),j.setAttributes=v(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(46770),k=t(29154),O=t(7318),Z=t(48657),N=t(98544),F=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,d=e.grids,s=(0,l.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,f=m.isMobile,h=m.isTablet,g=(0,c.useState)(""),v=(0,o.Z)(g,2),C=v[0],b=v[1],w={},y={},j=void 0,I=!1,D={},T=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,S.sJ)({isOpen:T[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return f||h||s.getViewConfig().hideTooltip||(I=T[0],D=T[1],w=z.triggerProps,y=z.layerProps,j=z.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(d,i.articleCodex,void 0,!0)},className:P.RV},w),D),{},{children:[(0,F.jsxs)("div",{className:a()(P.iZ,P.vc),children:[(0,F.jsx)("div",{className:a()(P.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,F.jsxs)("div",{className:a()(P.TX),children:[(0,F.jsx)("div",{className:a()(P.db,""!==C?P.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,F.jsx)(k.default,{metaData:i.metaData,visible:[C,b]},i.articleCodex),(0,F.jsx)("div",{className:a()(P.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},u)})]})]}),!p&&!!i.price&&(0,F.jsx)(Z.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,F.jsx)(N.default,{item:i,style:{bottom:8,right:8}},i.articleCodex),I&&(null===(n=j)||void 0===n?void 0:n((0,F.jsx)(O.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:C,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d},57771:(e,n,t)=>{t.d(n,{Bm:()=>p,K5:()=>c,RV:()=>a,TX:()=>u,WN:()=>m,ZP:()=>f,db:()=>x,iZ:()=>l,vc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const f=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8151,6340,6135,8544,9154,1051,8657,7318],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(38946),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(87363),C=t(63762),b=t(65515),w=t.n(b),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,C.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,v.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,v.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(38946),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.Z,C);v.Z&&v.Z.locals&&v.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:v.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),v=(0,i.Z)(g,2),C=v[0],b=v[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:C,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(38946),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(8907),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(v.aH,"left"==i?v.t$:v.F2,v.pn),style:d,children:b.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var C=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(v.aH,h&&!C?v.pn:void 0,p.getIsInMobileView()?v.ai:void 0,"left"==i?v.t$:v.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(38946),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(23327),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=u().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=f();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(v.Cu,h?v.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:v.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:v.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:v._W,children:d}),a&&(0,j.jsx)("div",{className:v._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},98151:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(38946),r=t(88683),d=t(65515),a=t.n(d),l=t(63762),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),C=t(19216),b=t.n(C),w=t(44589),y=t.n(w),P=t(57771),j={};j.styleTagTransform=y(),j.setAttributes=v(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(46770),k=t(29154),O=t(7318),Z=t(48657),F=t(98544),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,d=e.grids,s=(0,l.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,f=m.isMobile,h=m.isTablet,g=(0,c.useState)(""),v=(0,o.Z)(g,2),C=v[0],b=v[1],w={},y={},j=void 0,I=!1,D={},A=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,S.sJ)({isOpen:A[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return f||h||s.getViewConfig().hideTooltip||(I=A[0],D=A[1],w=T.triggerProps,y=T.layerProps,j=T.renderLayer),(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(d,i.articleCodex,void 0,!0)},className:P.RV},w),D),{},{children:[(0,N.jsxs)("div",{className:a()(P.iZ,P.vc),children:[(0,N.jsx)("div",{className:a()(P.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,N.jsxs)("div",{className:a()(P.TX),children:[(0,N.jsx)("div",{className:a()(P.db,""!==C?P.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,N.jsx)(k.default,{metaData:i.metaData,visible:[C,b]},i.articleCodex),(0,N.jsx)("div",{className:a()(P.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},u)})]})]}),!p&&!!i.price&&(0,N.jsx)(Z.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(F.default,{item:i,style:{bottom:8,right:8}},i.articleCodex),I&&(null===(n=j)||void 0===n?void 0:n((0,N.jsx)(O.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:C,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d},57771:(e,n,t)=>{t.d(n,{Bm:()=>p,K5:()=>c,RV:()=>a,TX:()=>u,WN:()=>m,ZP:()=>f,db:()=>x,iZ:()=>l,vc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var a="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const f=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8188.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014,9990,9967,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(8135),r=t(9420),o=(t(87363),t(74133)),l=t(47514);const a=(0,r.Pi)((function SettingsHeaderContainer(e){var n,t,r=e.isScroller,a=void 0!==r&&r,d=(0,i.NP)(),s=d.settingsState.itemPalettes.get(1);if(!s)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==s.configStepKey&&"Hidden"!==d.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=s.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=s.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!d.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(s.configStepKey)||s.configStepKey.startsWith("SHELFARTICLE")||!d.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(o.default,{isInScroller:a,isSettingsHeader:!s.isHeader,item:s,header:!0})})}))},26014:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),a=t(7795),d=t.n(a),s=t(90569),u=t.n(s),c=t(3565),m=t.n(c),x=t(19216),p=t.n(x),g=t(44589),f=t.n(g),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(8135),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},89990:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),p=t(44589),g=t.n(p),f=t(91605),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=x();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(8135),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[(0,S.jsx)("div",{className:f.rP,children:"😴"}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(79182),r=t(8135),o=t(93379),l=t.n(o),a=t(7795),d=t.n(a),s=t(90569),u=t.n(s),c=t(3565),m=t.n(c),x=t(19216),p=t.n(x),g=t(44589),f=t.n(g),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(89990),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(79182),a=t(8135),d=t(89967),s=t(89990),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,a.NP)(),o=(0,r.useState)([]),c=(0,i.Z)(o,2),m=c[0],x=c[1];return(0,r.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[r],o=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==o?void 0:o.partOfGroup,a=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(a)a.palettes.push(i);else{var d,s={groupName:null!==(d=null==l?void 0:l.groupName)&&void 0!==d?d:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(s),a=s}"l"===(null==l?void 0:l.position)?a.left.push(i.id):"r"===(null==l?void 0:l.position)&&a.right.push(i.id)},r=0;r<n.length;r++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(d.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(s.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(s.default,{item:t})]})}))})}))},38188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(88291),r=t(8135),o=t(9420),l=t(87363),a=t(80509),d=t(93379),s=t.n(d),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),p=t(3565),g=t.n(p),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=g(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();s()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=t(65515),T=t.n(N),j=t(26014),I=t(26937),C=t(47514);const y=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),d=(0,l.useRef)(null),s=[];(0,l.useEffect)((function(){return d.current?(o.settingsState.setScrollerElement(d.current),o.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var u,c,m,x={},p=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(p))?p:p-38+"px",o.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var g=0;g<o.settingsState.itemPaletteArr.length;g++){var f=o.settingsState.itemPaletteArr[g][1];!f.isRenderedNotInSettingPalette&&f.visible&&s.push(f)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,C.jsxs)("div",{style:x,className:T()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&(0,C.jsx)(a.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,C.jsxs)("div",{children:[(0,C.jsx)(I.default,{itemPalettesArr:s}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,C.jsx)(j.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>d,ZP:()=>u,nC:()=>a,nt:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(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 a="index-module--TnLDn",d="index-module--FXdIH",s="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>s,WL:()=>u,ZP:()=>p,bz:()=>a,q5:()=>m,rP:()=>d,x7:()=>x});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}",""]);var a="index-module--YvhoM",d="index-module--xRF8A",s="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const p=l},9668:(e,n,t)=>{t.d(n,{F2:()=>s,YS:()=>a,ZP:()=>c,eX:()=>u,t$:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var a="index-module--h2rQ7",d="index-module--vn75Y",s="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>a,m7:()=>s,zh:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(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 a="index-module--UX0Na",d="index-module--DRDpA",s="index-module--Rpo_4";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014,9990,9967,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(63762),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==a.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},26014:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(63762),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},89990:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(63762),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(79182),o=t(63762),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(89990),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),o=t(87363),r=t(9420),l=t(79182),d=t(63762),s=t(89967),a=t(89990),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),m=c[0],x=c[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<n.length;o++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},38188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(63762),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),j=t(26014),I=t(26937),T=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(I.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,T.jsx)(j.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());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 d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());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\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8265.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8265],{48265:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});i(87363);var d=i(65515),t=i.n(d),a=i(8135),o=i(88683),r=i(93379),l=i.n(r),s=i(7795),u=i.n(s),x=i(90569),c=i.n(x),m=i(3565),b=i.n(m),p=i(19216),g=i.n(p),I=i(44589),v=i.n(I),w=i(22530),f={};f.styleTagTransform=v(),f.setAttributes=b(),f.insert=c().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=g();l()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=i(47514);const y=function Header(n){var e=n.tabGroup,i=n.open,d=(0,a.NP)(),r=(0,o.useTranslation)().t;return(0,h.jsxs)("div",{className:t()(w.x6,d.tabGroupAlreadyVisited(e)?w.Fv:void 0,i?w.Nh:void 0),children:[(0,h.jsx)("div",{children:r("configurator."+e.title,e.title)}),(0,h.jsx)("div",{className:t()(w.x7)})]})}},22530:(n,e,i)=>{i.d(e,{Fv:()=>b,Nh:()=>m,ZP:()=>g,x6:()=>c,x7:()=>p});var d=i(8081),t=i.n(d),a=i(23645),o=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(81165),i.b),u=o()(t()),x=l()(s);u.push([n.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+x+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var c="index-module--w_wIT",m="index-module--MCJfE",b="index-module--r63hz",p="index-module--R9Ong";const g=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8265],{48265:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});i(87363);var d=i(65515),t=i.n(d),a=i(63762),o=i(88683),r=i(93379),l=i.n(r),s=i(7795),u=i.n(s),x=i(90569),c=i.n(x),m=i(3565),b=i.n(m),p=i(19216),g=i.n(p),I=i(44589),v=i.n(I),w=i(22530),f={};f.styleTagTransform=v(),f.setAttributes=b(),f.insert=c().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=g();l()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=i(47514);const y=function Header(n){var e=n.tabGroup,i=n.open,d=(0,a.NP)(),r=(0,o.useTranslation)().t;return(0,h.jsxs)("div",{className:t()(w.x6,d.tabGroupAlreadyVisited(e)?w.Fv:void 0,i?w.Nh:void 0),children:[(0,h.jsx)("div",{children:r("configurator."+e.title,e.title)}),(0,h.jsx)("div",{className:t()(w.x7)})]})}},22530:(n,e,i)=>{i.d(e,{Fv:()=>b,Nh:()=>m,ZP:()=>g,x6:()=>c,x7:()=>p});var d=i(8081),t=i.n(d),a=i(23645),o=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(81165),i.b),u=o()(t()),x=l()(s);u.push([n.id,".index-module--w_wIT {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n  border-bottom: none;\n}\n\n.index-module--r63hz {\n  background-color: #142a37;\n}\n\n.index-module--R9Ong {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url("+x+");\n  transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n  transform: rotate(90deg);\n}\n",""]);var c="index-module--w_wIT",m="index-module--MCJfE",b="index-module--r63hz",p="index-module--R9Ong";const g=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8291.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8291],{88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8291,58],{88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 830.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830,9990,9967,6937],{40830:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var D=e(34988),i=e(8135),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,i.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,D.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},89990:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var D=e(9420),i=e(93379),g=e.n(i),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(8135),z=e(47514);const c=(0,D.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[(0,z.jsx)("div",{className:N.rP,children:"😴"}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var D=e(79182),i=e(8135),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(89990),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,i.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,i,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(D.default,{item:t,id:Number(t.id)},null!==(i=t.optionCodex)&&void 0!==i?i:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,i,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(D.default,{item:t,id:Number(t.id)},null!==(i=t.optionCodex)&&void 0!==i?i:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var D=e(34988),i=e(87363),g=e(9420),t=e(79182),I=e(8135),A=e(89967),o=e(89990),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=(0,I.NP)(),g=(0,i.useState)([]),d=(0,D.Z)(g,2),u=d[0],r=d[1];return(0,i.useEffect)((function(){for(var M=[],D=function _loop(){var D=n[i],g=e.configuratorStructureHandler.getOptionStepByCodex(D.optionCodex),t=null==g?void 0:g.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:D.configStepKey+D.id)===M.groupName}));if(I)I.palettes.push(D);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:D.configStepKey+D.id,palettes:[D],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(D.id):"r"===(null==t?void 0:t.position)&&I.right.push(D.id)},i=0;i<n.length;i++)D();r(M)}),[n]),(0,x.jsx)(x.Fragment,{children:u.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var e=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id)},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var D=e(8081),i=e.n(D),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(i()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var D=e(8081),i=e.n(D),g=e(23645),t=e.n(g)()(i());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var D=e(8081),i=e.n(D),g=e(23645),t=e.n(g)()(i());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830,9990,9967,6937],{40830:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(38946),D=e(63762),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},89990:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(63762),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(79182),D=e(63762),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(89990),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(38946),D=e(87363),g=e(9420),t=e(79182),I=e(63762),A=e(89967),o=e(89990),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=(0,I.NP)(),g=(0,D.useState)([]),d=(0,i.Z)(g,2),u=d[0],r=d[1];return(0,D.useEffect)((function(){for(var M=[],i=function _loop(){var i=n[D],g=e.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),t=null==g?void 0:g.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:i.configStepKey+i.id)===M.groupName}));if(I)I.palettes.push(i);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:i.configStepKey+i.id,palettes:[i],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(i.id):"r"===(null==t?void 0:t.position)&&I.right.push(i.id)},D=0;D<n.length;D++)i();r(M)}),[n]),(0,x.jsx)(x.Fragment,{children:u.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var e=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id)},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8317.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8317,7446],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,C=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,j=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,k="".concat(j,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(j," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(j,"__contentOuter ").concat(P),_="".concat(j,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:_.trim()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(34988),C=y(87363),O=y(9420),w=y(93476),T=y(57446),N=y.n(T),j=y(8135),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,T;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(T=r.partListParentArticle)||void 0===T||null===(T=T.catalogArticle.partlistDecisions)||void 0===T?void 0:T["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,T=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,j.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(N(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||T,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>T,EM:()=>S,Fs:()=>j,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>N});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",T="index-module--A0hQw",N="index-module--PcNw4",j="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),T=y.n(w),N=y(3565),j=y.n(N),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=j(),_.insert=T().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8317],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,C=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,N=this.props,j=N.classParentString,P=N.contentOuterClassName,S=N.contentInnerClassName,k="".concat(j,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(j," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(j,"__contentOuter ").concat(P),_="".concat(j,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:_.trim()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(38946),C=y(87363),O=y(9420),w=y(93476),T=y(57446),N=y.n(T),j=y(63762),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,T;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(T=r.partListParentArticle)||void 0===T||null===(T=T.catalogArticle.partlistDecisions)||void 0===T?void 0:T["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,T=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,j.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(N(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||T,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>T,EM:()=>S,Fs:()=>j,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>N});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",T="index-module--A0hQw",N="index-module--PcNw4",j="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),T=y.n(w),N=y(3565),j=y.n(N),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=j(),_.insert=T().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8345.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8345,7446],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,C,O,E){if(E!==v){var N=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 N.name="Invariant Violation",N}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),C=y.n(v),O=y(0),E=y.n(O),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var C=d(this).constructor;y=Reflect.construct(v,arguments,C)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var N=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,O=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=O.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return C.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",O=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,E=this.props.contentContainerTagName,N=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,_=this.props,x=_.classParentString,S=_.contentOuterClassName,k=_.contentInnerClassName,w="".concat(x,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),R="".concat(x," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),j="".concat(x,"__contentOuter ").concat(S),I="".concat(x,"__contentInner ").concat(k);return C.a.createElement(E,l({className:R.trim()},this.props.containerElementProps),C.a.createElement(N,l({id:this.triggerId,className:w.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),O),this.renderNonClickableTriggerElement(),C.a.createElement("div",{id:this.contentId,className:j.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},C.a.createElement("div",{className:I.trim()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);N.propTypes={transitionTime:E.a.number,transitionCloseTime:E.a.number,triggerTagName:E.a.string,easing:E.a.string,open:E.a.bool,containerElementProps:E.a.object,triggerElementProps:E.a.object,contentElementId:E.a.string,classParentString:E.a.string,className:E.a.string,openedClassName:E.a.string,triggerStyle:E.a.object,triggerClassName:E.a.string,triggerOpenedClassName:E.a.string,contentOuterClassName:E.a.string,contentInnerClassName:E.a.string,accordionPosition:E.a.oneOfType([E.a.string,E.a.number]),handleTriggerClick:E.a.func,onOpen:E.a.func,onClose:E.a.func,onOpening:E.a.func,onClosing:E.a.func,onTriggerOpening:E.a.func,onTriggerClosing:E.a.func,trigger:E.a.oneOfType([E.a.string,E.a.element]),triggerWhenOpen:E.a.oneOfType([E.a.string,E.a.element]),triggerDisabled:E.a.bool,lazyRender:E.a.bool,overflowWhenOpen:E.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:E.a.bool,triggerSibling:E.a.oneOfType([E.a.string,E.a.element,E.a.func]),tabIndex:E.a.number,contentContainerTagName:E.a.string,children:E.a.oneOfType([E.a.string,E.a.element])},N.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=N}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>T,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date,isObject=r=>"object"==typeof r&&null!==r,isFunction=r=>!!r&&r instanceof Object&&"function"==typeof r;function quoteString(r,m){return void 0===m&&(m=!1),!r||m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:C,lastElement:O,openBracket:E,closeBracket:N,level:T,style:_,shouldExpandNode:x,clickToExpandNode:S,outerRef:k,beforeExpandChange:w}=r;const R=(0,v.useRef)(!1),[j,I]=(0,v.useState)((()=>x(T,y,m))),P=(0,v.useRef)(null);(0,v.useEffect)((()=>{R.current?I(x(T,y,m)):R.current=!0}),[x]);const V=(0,v.useId)();if(0===C.length)return function EmptyObject(r){let{field:m,openBracket:y,closeBracket:C,lastElement:O,style:E}=r;return(0,v.createElement)("div",{className:E.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:E.label},quoteString(m,E.quotesForFieldNames),":"),(0,v.createElement)("span",{className:E.punctuation},y),(0,v.createElement)("span",{className:E.punctuation},C),!O&&(0,v.createElement)("span",{className:E.punctuation},","))}({field:m,openBracket:E,closeBracket:N,lastElement:O,style:_});const F=j?_.collapseIcon:_.expandIcon,D=j?_.ariaLables.collapseJson:_.ariaLables.expandJson,B=T+1,A=C.length-1,setExpandWithCallback=r=>{j===r||w&&!w({level:T,value:y,field:m,newExpandValue:r})||I(r)},onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),setExpandWithCallback("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!k.current)return;const y=k.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const C=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[C].tabIndex=0,y[C].focus()}},onClick=()=>{var r;setExpandWithCallback(!j);const m=P.current;if(!m)return;const y=null===(r=k.current)||void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:_.basicChildStyle,role:"treeitem","aria-expanded":j,"aria-selected":void 0},(0,v.createElement)("span",{className:F,onClick,onKeyDown,role:"button","aria-label":D,"aria-expanded":j,"aria-controls":j?V:void 0,ref:P,tabIndex:0===T?0:-1}),(m||""===m)&&(S?(0,v.createElement)("span",{className:_.clickableLabel,onClick,onKeyDown},quoteString(m,_.quotesForFieldNames),":"):(0,v.createElement)("span",{className:_.label},quoteString(m,_.quotesForFieldNames),":")),(0,v.createElement)("span",{className:_.punctuation},E),j?(0,v.createElement)("ul",{id:V,role:"group",className:_.childFieldsContainer},C.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:_,lastElement:m===A,level:B,shouldExpandNode:x,clickToExpandNode:S,beforeExpandChange:w,outerRef:k})))):(0,v.createElement)("span",{className:_.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:_.punctuation},N),!O&&(0,v.createElement)("span",{className:_.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:C,shouldExpandNode:O,clickToExpandNode:E,level:N,outerRef:T,beforeExpandChange:_}=r;return ExpandableObject({field:m,value:y,lastElement:C||!1,level:N,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:O,clickToExpandNode:E,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:T,beforeExpandChange:_})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:C,level:O,shouldExpandNode:E,clickToExpandNode:N,outerRef:T,beforeExpandChange:_}=r;return ExpandableObject({field:m,value:y,lastElement:C||!1,level:O,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:E,clickToExpandNode:N,data:y.map((r=>[void 0,r])),outerRef:T,beforeExpandChange:_})}function JsonPrimitiveValue(r){let m,{field:y,value:C,style:O,lastElement:E}=r,N=O.otherValue;var T;return null===C?(m="null",N=O.nullValue):void 0===C?(m="undefined",N=O.undefinedValue):"string"==typeof(T=C)||T instanceof String?(m=function quoteStringValue(r,m,y){return y?JSON.stringify(r):m?`"${r}"`:r}(C,!O.noQuotesForStringValues,O.stringifyStringValues),N=O.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(C)?(m=C?"true":"false",N=O.booleanValue):(r=>"number"==typeof r||r instanceof Number)(C)?(m=C.toString(),N=O.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(C)?(m=`${C.toString()}n`,N=O.numberValue):m=isDate(C)?C.toISOString():isFunction(C)?"function() { }":C.toString(),(0,v.createElement)("div",{className:O.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:O.label},quoteString(y,O.quotesForFieldNames),":"),(0,v.createElement)("span",{className:N},m),!E&&(0,v.createElement)("span",{className:O.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):!isObject(m)||isDate(m)||isFunction(m)?(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r)):(0,v.createElement)(JsonObject,Object.assign({},r));var y}var C="_2bkNM",O="_1BXBN";const E={collapseJson:"collapse JSON",expandJson:"expand JSON"},N={container:"_2IvMF _GzYRV",basicChildStyle:C,childFieldsContainer:O,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,ariaLables:E,stringifyStringValues:!1},T={container:"_11RoI _GzYRV",basicChildStyle:C,childFieldsContainer:O,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,ariaLables:E,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=N,shouldExpandNode:C=allExpanded,clickToExpandNode:O=!1,beforeExpandChange:E,compactTopLevel:T,..._}=r;const x=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},_,{className:y.container,ref:x,role:"tree"}),T&&isObject(m)?Object.entries(m).map((r=>{let[m,T]=r;return(0,v.createElement)(DataRender,{key:m,field:m,value:T,style:{...N,...y},lastElement:!0,level:1,shouldExpandNode:C,clickToExpandNode:O,beforeExpandChange:E,outerRef:x})})):(0,v.createElement)(DataRender,{value:m,style:{...N,...y},lastElement:!0,level:0,shouldExpandNode:C,clickToExpandNode:O,outerRef:x,beforeExpandChange:E}))}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8345,7173],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,C,O,E){if(E!==v){var N=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 N.name="Invariant Violation",N}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),C=y.n(v),O=y(0),E=y.n(O),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var C=d(this).constructor;y=Reflect.construct(v,arguments,C)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var N=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,O=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=O.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return C.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",O=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,E=this.props.contentContainerTagName,N=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,_=this.props,x=_.classParentString,S=_.contentOuterClassName,k=_.contentInnerClassName,w="".concat(x,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),R="".concat(x," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),j="".concat(x,"__contentOuter ").concat(S),I="".concat(x,"__contentInner ").concat(k);return C.a.createElement(E,l({className:R.trim()},this.props.containerElementProps),C.a.createElement(N,l({id:this.triggerId,className:w.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),O),this.renderNonClickableTriggerElement(),C.a.createElement("div",{id:this.contentId,className:j.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},C.a.createElement("div",{className:I.trim()},T)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);N.propTypes={transitionTime:E.a.number,transitionCloseTime:E.a.number,triggerTagName:E.a.string,easing:E.a.string,open:E.a.bool,containerElementProps:E.a.object,triggerElementProps:E.a.object,contentElementId:E.a.string,classParentString:E.a.string,className:E.a.string,openedClassName:E.a.string,triggerStyle:E.a.object,triggerClassName:E.a.string,triggerOpenedClassName:E.a.string,contentOuterClassName:E.a.string,contentInnerClassName:E.a.string,accordionPosition:E.a.oneOfType([E.a.string,E.a.number]),handleTriggerClick:E.a.func,onOpen:E.a.func,onClose:E.a.func,onOpening:E.a.func,onClosing:E.a.func,onTriggerOpening:E.a.func,onTriggerClosing:E.a.func,trigger:E.a.oneOfType([E.a.string,E.a.element]),triggerWhenOpen:E.a.oneOfType([E.a.string,E.a.element]),triggerDisabled:E.a.bool,lazyRender:E.a.bool,overflowWhenOpen:E.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:E.a.bool,triggerSibling:E.a.oneOfType([E.a.string,E.a.element,E.a.func]),tabIndex:E.a.number,contentContainerTagName:E.a.string,children:E.a.oneOfType([E.a.string,E.a.element])},N.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=N}]))},59165:(r,m,y)=>{"use strict";y.d(m,{_l:()=>T,gc:()=>JsonView});var v=y(87363);const isDate=r=>!!r&&r instanceof Date,isObject=r=>"object"==typeof r&&null!==r,isFunction=r=>!!r&&r instanceof Object&&"function"==typeof r;function quoteString(r,m){return void 0===m&&(m=!1),!r||m?`"${r}"`:r}function ExpandableObject(r){let{field:m,value:y,data:C,lastElement:O,openBracket:E,closeBracket:N,level:T,style:_,shouldExpandNode:x,clickToExpandNode:S,outerRef:k,beforeExpandChange:w}=r;const R=(0,v.useRef)(!1),[j,I]=(0,v.useState)((()=>x(T,y,m))),P=(0,v.useRef)(null);(0,v.useEffect)((()=>{R.current?I(x(T,y,m)):R.current=!0}),[x]);const V=(0,v.useId)();if(0===C.length)return function EmptyObject(r){let{field:m,openBracket:y,closeBracket:C,lastElement:O,style:E}=r;return(0,v.createElement)("div",{className:E.basicChildStyle,role:"treeitem","aria-selected":void 0},(m||""===m)&&(0,v.createElement)("span",{className:E.label},quoteString(m,E.quotesForFieldNames),":"),(0,v.createElement)("span",{className:E.punctuation},y),(0,v.createElement)("span",{className:E.punctuation},C),!O&&(0,v.createElement)("span",{className:E.punctuation},","))}({field:m,openBracket:E,closeBracket:N,lastElement:O,style:_});const F=j?_.collapseIcon:_.expandIcon,D=j?_.ariaLables.collapseJson:_.ariaLables.expandJson,B=T+1,A=C.length-1,setExpandWithCallback=r=>{j===r||w&&!w({level:T,value:y,field:m,newExpandValue:r})||I(r)},onKeyDown=r=>{if("ArrowRight"===r.key||"ArrowLeft"===r.key)r.preventDefault(),setExpandWithCallback("ArrowRight"===r.key);else if("ArrowUp"===r.key||"ArrowDown"===r.key){r.preventDefault();const m="ArrowUp"===r.key?-1:1;if(!k.current)return;const y=k.current.querySelectorAll("[role=button]");let v=-1;for(let r=0;r<y.length;r++)if(0===y[r].tabIndex){v=r;break}if(v<0)return;const C=(v+m+y.length)%y.length;y[v].tabIndex=-1,y[C].tabIndex=0,y[C].focus()}},onClick=()=>{var r;setExpandWithCallback(!j);const m=P.current;if(!m)return;const y=null===(r=k.current)||void 0===r?void 0:r.querySelector('[role=button][tabindex="0"]');y&&(y.tabIndex=-1),m.tabIndex=0,m.focus()};return(0,v.createElement)("div",{className:_.basicChildStyle,role:"treeitem","aria-expanded":j,"aria-selected":void 0},(0,v.createElement)("span",{className:F,onClick,onKeyDown,role:"button","aria-label":D,"aria-expanded":j,"aria-controls":j?V:void 0,ref:P,tabIndex:0===T?0:-1}),(m||""===m)&&(S?(0,v.createElement)("span",{className:_.clickableLabel,onClick,onKeyDown},quoteString(m,_.quotesForFieldNames),":"):(0,v.createElement)("span",{className:_.label},quoteString(m,_.quotesForFieldNames),":")),(0,v.createElement)("span",{className:_.punctuation},E),j?(0,v.createElement)("ul",{id:V,role:"group",className:_.childFieldsContainer},C.map(((r,m)=>(0,v.createElement)(DataRender,{key:r[0]||m,field:r[0],value:r[1],style:_,lastElement:m===A,level:B,shouldExpandNode:x,clickToExpandNode:S,beforeExpandChange:w,outerRef:k})))):(0,v.createElement)("span",{className:_.collapsedContent,onClick,onKeyDown}),(0,v.createElement)("span",{className:_.punctuation},N),!O&&(0,v.createElement)("span",{className:_.punctuation},","))}function JsonObject(r){let{field:m,value:y,style:v,lastElement:C,shouldExpandNode:O,clickToExpandNode:E,level:N,outerRef:T,beforeExpandChange:_}=r;return ExpandableObject({field:m,value:y,lastElement:C||!1,level:N,openBracket:"{",closeBracket:"}",style:v,shouldExpandNode:O,clickToExpandNode:E,data:Object.keys(y).map((r=>[r,y[r]])),outerRef:T,beforeExpandChange:_})}function JsonArray(r){let{field:m,value:y,style:v,lastElement:C,level:O,shouldExpandNode:E,clickToExpandNode:N,outerRef:T,beforeExpandChange:_}=r;return ExpandableObject({field:m,value:y,lastElement:C||!1,level:O,openBracket:"[",closeBracket:"]",style:v,shouldExpandNode:E,clickToExpandNode:N,data:y.map((r=>[void 0,r])),outerRef:T,beforeExpandChange:_})}function JsonPrimitiveValue(r){let m,{field:y,value:C,style:O,lastElement:E}=r,N=O.otherValue;var T;return null===C?(m="null",N=O.nullValue):void 0===C?(m="undefined",N=O.undefinedValue):"string"==typeof(T=C)||T instanceof String?(m=function quoteStringValue(r,m,y){return y?JSON.stringify(r):m?`"${r}"`:r}(C,!O.noQuotesForStringValues,O.stringifyStringValues),N=O.stringValue):(r=>"boolean"==typeof r||r instanceof Boolean)(C)?(m=C?"true":"false",N=O.booleanValue):(r=>"number"==typeof r||r instanceof Number)(C)?(m=C.toString(),N=O.numberValue):(r=>"bigint"==typeof r||r instanceof BigInt)(C)?(m=`${C.toString()}n`,N=O.numberValue):m=isDate(C)?C.toISOString():isFunction(C)?"function() { }":C.toString(),(0,v.createElement)("div",{className:O.basicChildStyle,role:"treeitem","aria-selected":void 0},(y||""===y)&&(0,v.createElement)("span",{className:O.label},quoteString(y,O.quotesForFieldNames),":"),(0,v.createElement)("span",{className:N},m),!E&&(0,v.createElement)("span",{className:O.punctuation},","))}function DataRender(r){const m=r.value;return y=m,Array.isArray(y)?(0,v.createElement)(JsonArray,Object.assign({},r)):!isObject(m)||isDate(m)||isFunction(m)?(0,v.createElement)(JsonPrimitiveValue,Object.assign({},r)):(0,v.createElement)(JsonObject,Object.assign({},r));var y}var C="_2bkNM",O="_1BXBN";const E={collapseJson:"collapse JSON",expandJson:"expand JSON"},N={container:"_2IvMF _GzYRV",basicChildStyle:C,childFieldsContainer:O,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,ariaLables:E,stringifyStringValues:!1},T={container:"_11RoI _GzYRV",basicChildStyle:C,childFieldsContainer:O,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,ariaLables:E,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=r=>{let{data:m,style:y=N,shouldExpandNode:C=allExpanded,clickToExpandNode:O=!1,beforeExpandChange:E,compactTopLevel:T,..._}=r;const x=(0,v.useRef)(null);return(0,v.createElement)("div",Object.assign({"aria-label":"JSON view"},_,{className:y.container,ref:x,role:"tree"}),T&&isObject(m)?Object.entries(m).map((r=>{let[m,T]=r;return(0,v.createElement)(DataRender,{key:m,field:m,value:T,style:{...N,...y},lastElement:!0,level:1,shouldExpandNode:C,clickToExpandNode:O,beforeExpandChange:E,outerRef:x})})):(0,v.createElement)(DataRender,{value:m,style:{...N,...y},lastElement:!0,level:0,shouldExpandNode:C,clickToExpandNode:O,outerRef:x,beforeExpandChange:E}))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8401.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8401,2470],{10304:(e,n,t)=>{n.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var n=_getRequireWildcardCache();if(n&&n.has(e))return n.get(e);var t={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}t.default=e,n&&n.set(e,t);return t}(t(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(t(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(this,arguments)}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 _defineProperty(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,n){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,n){return e.__proto__=n,e},_setPrototypeOf(e,n)}var i="Select...",a=function(e){function Dropdown(e){var n;return function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(n=function _possibleConstructorReturn(e,n){return!n||"object"!==_typeof(n)&&"function"!=typeof n?_assertThisInitialized(e):n}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:n.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},n.dropdownRef=(0,o.createRef)(),n.mounted=!0,n.handleDocumentClick=n.handleDocumentClick.bind(_assertThisInitialized(n)),n.fireChangeEvent=n.fireChangeEvent.bind(_assertThisInitialized(n)),n}return function _inherits(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&_setPrototypeOf(e,n)}(Dropdown,e),function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var n=this.parseValue(this.props.value,this.props.options);n!==this.state.selected&&this.setState({selected:n})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,n){var t;if("string"==typeof e)for(var o=0,r=n.length;o<r;o++)if("group"===n[o].type){var i=n[o].items.filter((function(n){return n.value===e}));i.length&&(t=i[0])}else void 0!==n[o].value&&n[o].value===e&&(t=n[o]);return t||e}},{key:"setValue",value:function setValue(e,n){var t={selected:{value:e,label:n},isOpen:!1};this.fireChangeEvent(t),this.setState(t)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var n,t=e.value;void 0===t&&(t=e.label||e);var i=e.label||e.value||e,a=t===this.state.selected.value||t===this.state.selected,l=(_defineProperty(n={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(n,e.className,!!e.className),_defineProperty(n,"is-selected",a),n),s=(0,r.default)(l),d=Object.keys(e.data||{}).reduce((function(n,t){return function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(t,!0).forEach((function(n){_defineProperty(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(t).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n,_defineProperty({},"data-".concat(t),e.data[t]))}),{});return o.default.createElement("div",_extends({key:t,className:s,onMouseDown:this.setValue.bind(this,t,i),onClick:this.setValue.bind(this,t,i),role:"option","aria-selected":a?"true":"false"},d),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,n=this.props,t=n.options,r=n.baseClassName,i=t.map((function(n){if("group"===n.type){var t=o.default.createElement("div",{className:"".concat(r,"-title")},n.name),i=n.items.map((function(n){return e.renderOption(n)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:n.name,role:"listbox",tabIndex:"-1"},t,i)}return e.renderOption(n)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,n,t,i,a,l=this.props,s=l.baseClassName,d=l.controlClassName,u=l.placeholderClassName,c=l.menuClassName,p=l.arrowClassName,f=l.arrowClosed,h=l.arrowOpen,m=l.className,b=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,x=(0,r.default)((_defineProperty(e={},"".concat(s,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),v=(0,r.default)((_defineProperty(n={},"".concat(s,"-control"),!0),_defineProperty(n,d,!!d),_defineProperty(n,b,!!b),n)),g=(0,r.default)((_defineProperty(t={},"".concat(s,"-placeholder"),!0),_defineProperty(t,u,!!u),_defineProperty(t,"is-selected",this.isValueSelected()),t)),w=(0,r.default)((_defineProperty(i={},"".concat(s,"-menu"),!0),_defineProperty(i,c,!!c),i)),P=(0,r.default)((_defineProperty(a={},"".concat(s,"-arrow"),!0),_defineProperty(a,p,!!p),a)),_=o.default.createElement("div",{className:g},y),D=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:x},o.default.createElement("div",{className:v,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(s,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var l=a;n.Z=l},92470:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(72874),r=(t(87363),t(93379)),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(8368),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(65515),v=t.n(x),g=t(47514),w=["onClick","iconAsDelete","open"];const P=function Arrow(e){var n=e.onClick,t=e.iconAsDelete,r=e.open,i=(0,o.Z)(e,w);return(0,g.jsx)("span",{onClick:n,onTouchEnd:n,className:v()(b.xX,t?b.zl:void 0,t?void 0:r?b.h1:b.Oe,i.className)})}},78401:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});t(87363);var o=t(10304),r=t(93379),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(55116),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(88683),v=t(8135),g=t(65515),w=t.n(g),P=t(92470),_=t(47514);const D=function RalDropdownFilter(e){var n,t=e.visibleColorItems,r=e.dropdownRootClass,i=void 0===r?b.oF:r,a=e.deleteCurValue,l=e.id,s=(0,x.useTranslation)().t,d=(0,v.NP)(),u=null===(n=d.settingsState.itemPalettes.get(l))||void 0===n?void 0:n.filterValue,c=t.map((function(e){return{label:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("span",{className:b.oM,style:{backgroundColor:e.rgb}})," ",s("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,_.jsx)("div",{className:w()(b.YS,d.uiState.isInMobileView?b.ai:void 0,d.uiState.isTablet?b.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,_.jsx)(o.Z,{className:w()(i),controlClassName:b.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(l,e.value,"RAL")},placeholder:s("configurator.colors"),arrowClosed:(0,_.jsx)(P.default,{onClick:a,open:!1,iconAsDelete:!!u}),arrowOpen:(0,_.jsx)(P.default,{onClick:a,open:!0,iconAsDelete:!!u})})})}},8368:(e,n,t)=>{t.d(n,{Oe:()=>y,ZP:()=>x,h1:()=>b,xX:()=>h,zl:()=>m});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(49797),t.b),u=new URL(t(24827),t.b),c=a()(r()),p=s()(d),f=s()(u);c.push([e.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",b="index-module--GLLUM",y="index-module--ctBIw";const x=c},55116:(e,n,t)=>{t.d(n,{Mq:()=>d,YS:()=>p,ZP:()=>f,ai:()=>s,oF:()=>u,oM:()=>l,x_:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1px;\n  margin-right: 6px;\n  font-size: 14px;\n  color: #333;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--rh3_P {\n  font-size: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--kEhTd {\n  width: 120px;\n}\n\n.index-module--qJ16N {\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}\n\n.index-module--EzQnl .Dropdown-root {\n  position: relative;\n}\n\n.index-module--EzQnl .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--YFpyP .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--vbcLk .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--EzQnl .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--EzQnl .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 7px;\n  width: 0;\n}\n\n.index-module--EzQnl .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--EzQnl .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--EzQnl .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--EzQnl .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--EzQnl .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--EzQnl .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--EzQnl .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--EzQnl .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var l="index-module--rh3_P",s="index-module--YFpyP",d="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const f=a},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8401,2470],{10304:(e,n,t)=>{n.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var n=_getRequireWildcardCache();if(n&&n.has(e))return n.get(e);var t={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(t,r,i):t[r]=e[r]}t.default=e,n&&n.set(e,t);return t}(t(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(t(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},_extends.apply(this,arguments)}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 _defineProperty(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,n){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,n){return e.__proto__=n,e},_setPrototypeOf(e,n)}var i="Select...",a=function(e){function Dropdown(e){var n;return function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(n=function _possibleConstructorReturn(e,n){return!n||"object"!==_typeof(n)&&"function"!=typeof n?_assertThisInitialized(e):n}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:n.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},n.dropdownRef=(0,o.createRef)(),n.mounted=!0,n.handleDocumentClick=n.handleDocumentClick.bind(_assertThisInitialized(n)),n.fireChangeEvent=n.fireChangeEvent.bind(_assertThisInitialized(n)),n}return function _inherits(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&_setPrototypeOf(e,n)}(Dropdown,e),function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var n=this.parseValue(this.props.value,this.props.options);n!==this.state.selected&&this.setState({selected:n})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,n){var t;if("string"==typeof e)for(var o=0,r=n.length;o<r;o++)if("group"===n[o].type){var i=n[o].items.filter((function(n){return n.value===e}));i.length&&(t=i[0])}else void 0!==n[o].value&&n[o].value===e&&(t=n[o]);return t||e}},{key:"setValue",value:function setValue(e,n){var t={selected:{value:e,label:n},isOpen:!1};this.fireChangeEvent(t),this.setState(t)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var n,t=e.value;void 0===t&&(t=e.label||e);var i=e.label||e.value||e,a=t===this.state.selected.value||t===this.state.selected,l=(_defineProperty(n={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(n,e.className,!!e.className),_defineProperty(n,"is-selected",a),n),s=(0,r.default)(l),d=Object.keys(e.data||{}).reduce((function(n,t){return function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(t,!0).forEach((function(n){_defineProperty(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(t).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},n,_defineProperty({},"data-".concat(t),e.data[t]))}),{});return o.default.createElement("div",_extends({key:t,className:s,onMouseDown:this.setValue.bind(this,t,i),onClick:this.setValue.bind(this,t,i),role:"option","aria-selected":a?"true":"false"},d),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,n=this.props,t=n.options,r=n.baseClassName,i=t.map((function(n){if("group"===n.type){var t=o.default.createElement("div",{className:"".concat(r,"-title")},n.name),i=n.items.map((function(n){return e.renderOption(n)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:n.name,role:"listbox",tabIndex:"-1"},t,i)}return e.renderOption(n)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,n,t,i,a,l=this.props,s=l.baseClassName,d=l.controlClassName,u=l.placeholderClassName,c=l.menuClassName,p=l.arrowClassName,f=l.arrowClosed,h=l.arrowOpen,m=l.className,b=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,x=(0,r.default)((_defineProperty(e={},"".concat(s,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),v=(0,r.default)((_defineProperty(n={},"".concat(s,"-control"),!0),_defineProperty(n,d,!!d),_defineProperty(n,b,!!b),n)),g=(0,r.default)((_defineProperty(t={},"".concat(s,"-placeholder"),!0),_defineProperty(t,u,!!u),_defineProperty(t,"is-selected",this.isValueSelected()),t)),w=(0,r.default)((_defineProperty(i={},"".concat(s,"-menu"),!0),_defineProperty(i,c,!!c),i)),P=(0,r.default)((_defineProperty(a={},"".concat(s,"-arrow"),!0),_defineProperty(a,p,!!p),a)),_=o.default.createElement("div",{className:g},y),D=this.state.isOpen?o.default.createElement("div",{className:w,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:x},o.default.createElement("div",{className:v,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,o.default.createElement("div",{className:"".concat(s,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var l=a;n.Z=l},92470:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(72874),r=(t(87363),t(93379)),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(8368),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(65515),v=t.n(x),g=t(47514),w=["onClick","iconAsDelete","open"];const P=function Arrow(e){var n=e.onClick,t=e.iconAsDelete,r=e.open,i=(0,o.Z)(e,w);return(0,g.jsx)("span",{onClick:n,onTouchEnd:n,className:v()(b.xX,t?b.zl:void 0,t?void 0:r?b.h1:b.Oe,i.className)})}},78401:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});t(87363);var o=t(10304),r=t(93379),i=t.n(r),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),u=t(3565),c=t.n(u),p=t(19216),f=t.n(p),h=t(44589),m=t.n(h),b=t(55116),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=d().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f();i()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var x=t(88683),v=t(63762),g=t(65515),w=t.n(g),P=t(92470),_=t(47514);const D=function RalDropdownFilter(e){var n,t=e.visibleColorItems,r=e.dropdownRootClass,i=void 0===r?b.oF:r,a=e.deleteCurValue,l=e.id,s=(0,x.useTranslation)().t,d=(0,v.NP)(),u=null===(n=d.settingsState.itemPalettes.get(l))||void 0===n?void 0:n.filterValue,c=t.map((function(e){return{label:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("span",{className:b.oM,style:{backgroundColor:e.rgb}})," ",s("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,_.jsx)("div",{className:w()(b.YS,d.uiState.isInMobileView?b.ai:void 0,d.uiState.isTablet?b.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,_.jsx)(o.Z,{className:w()(i),controlClassName:b.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(l,e.value,"RAL")},placeholder:s("configurator.colors"),arrowClosed:(0,_.jsx)(P.default,{onClick:a,open:!1,iconAsDelete:!!u}),arrowOpen:(0,_.jsx)(P.default,{onClick:a,open:!0,iconAsDelete:!!u})})})}},8368:(e,n,t)=>{t.d(n,{Oe:()=>y,ZP:()=>x,h1:()=>b,xX:()=>h,zl:()=>m});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(49797),t.b),u=new URL(t(24827),t.b),c=a()(r()),p=s()(d),f=s()(u);c.push([e.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",b="index-module--GLLUM",y="index-module--ctBIw";const x=c},55116:(e,n,t)=>{t.d(n,{Mq:()=>d,YS:()=>p,ZP:()=>f,ai:()=>s,oF:()=>u,oM:()=>l,x_:()=>c});var o=t(8081),r=t.n(o),i=t(23645),a=t.n(i)()(r());a.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1px;\n  margin-right: 6px;\n  font-size: 14px;\n  color: #333;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--rh3_P {\n  font-size: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--YFpyP:not(.index-module--vbcLk) .index-module--kEhTd {\n  width: 120px;\n}\n\n.index-module--qJ16N {\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}\n\n.index-module--EzQnl .Dropdown-root {\n  position: relative;\n}\n\n.index-module--EzQnl .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--YFpyP .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--vbcLk .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--EzQnl .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--EzQnl .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 7px;\n  width: 0;\n}\n\n.index-module--EzQnl .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--EzQnl .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--EzQnl .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--EzQnl .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--EzQnl .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--EzQnl .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--EzQnl .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--EzQnl .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var l="index-module--rh3_P",s="index-module--YFpyP",d="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const f=a},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8445.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(89229),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(38946),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(89229),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);