npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.12.0-beta.1 → 26.12.0-beta.2 - Mend

@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

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

Files changed (437) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2478.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2478,1801,6474],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(34988),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(9204),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(9204),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},12478:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(88683),l=i(65515),a=i.n(l),r=i(9204),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(46770),S=i(56474),Z=i(55461),N=i(91087),I=i(21801),F=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const O=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,O=!1,B={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),A=(0,P.sJ)({isOpen:V[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(O=V[0],B=V[1],w=A.triggerProps,y=A.layerProps,j=A.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),B),{},{children:[(0,F.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,F.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,F.jsxs)("div",{className:a()(k.TX),children:[(0,F.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,F.jsx)(S.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,F.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,F.jsx)(N.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,F.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),O&&(null===(n=j)||void 0===n?void 0:n((0,F.jsx)(Z.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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 r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2478,1801,6474],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(34988),o=i(93379),d=i.n(o),l=i(7795),a=i.n(l),r=i(90569),s=i.n(r),c=i(3565),x=i.n(c),u=i(19216),m=i.n(u),C=i(44589),h=i.n(C),p=i(23240),f={};f.styleTagTransform=h(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=m();d()(p.ZP,f);p.ZP&&p.ZP.locals&&p.ZP.locals;var g=i(87363),v=i(75327),b=i(65515),w=i.n(b),y=i(9420),k=i(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,i,o,d=e.item,l=e.style,a=(0,v.NP)(),r=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,c=(0,g.useState)(!1),x=(0,t.Z)(c,2),u=x[0],m=x[1],C=d.sel||u;if((0,g.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r&&s==a.settingsState.clickedFrom;!e&&u&&m(!1),e&&!u&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,k.jsx)("div",{className:p.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(r,s),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==r),e.stopPropagation()},style:l,children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:w()(p.hv,C?void 0:p.al,u?p.FJ:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.jsx)("path",{className:p.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,k.jsx)("path",{className:p.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,k.jsx)("div",{className:w()(p.dA,C?p.al:void 0),children:(0,k.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,k.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,k.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,k.jsx)(k.Fragment,{})}))},56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(75327),d=i(87363),l=i(93379),a=i.n(l),r=i(7795),s=i.n(r),c=i(90569),x=i.n(c),u=i(3565),m=i.n(u),C=i(19216),h=i.n(C),p=i(44589),f=i.n(p),g=i(84887),v={};v.styleTagTransform=f(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,a=void 0===l?(0,d.useState)(""):l,r=(0,t.Z)(a,2),s=r[0],c=r[1],x=(0,o.NP)(),u=(0,d.useState)(""),m=(0,t.Z)(u,2),C=m[0],h=m[1],p=x.getViewConfig().displayMetaDatas,f=null==i?void 0:i.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,d.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===p[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)t(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:g.B,children:C}):(0,b.jsx)(b.Fragment,{})}},12478:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(88683),l=i(65515),a=i.n(l),r=i(75327),s=i(9420),c=i(87363),x=i(93379),u=i.n(x),m=i(7795),C=i.n(m),h=i(90569),p=i.n(h),f=i(3565),g=i.n(f),v=i(19216),b=i.n(v),w=i(44589),y=i.n(w),k=i(57771),j={};j.styleTagTransform=y(),j.setAttributes=g(),j.insert=p().bind(null,"head"),j.domAPI=C(),j.insertStyleElement=b();u()(k.ZP,j);k.ZP&&k.ZP.locals&&k.ZP.locals;var P=i(46770),S=i(56474),Z=i(55461),N=i(91087),I=i(21801),F=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const O=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,l=e.grids,s=(0,r.NP)(),x=(0,d.useTranslation)(),u=(0,d.useDivaCore)().state,m=u.hidePrices,C=u.dimensions,h=C.isMobile,p=C.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),v=g[0],b=g[1],w={},y={},j=void 0,O=!1,B={},V=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),A=(0,P.sJ)({isOpen:V[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});return h||p||s.getViewConfig().hideTooltip||(O=V[0],B=V[1],w=A.triggerProps,y=A.layerProps,j=A.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return s.paletteViewHandler.clickedOnShelfAccessorie(l,t.articleCodex,void 0,!0)},className:k.RV},w),B),{},{children:[(0,F.jsxs)("div",{className:a()(k.iZ,k.vc),children:[(0,F.jsx)("div",{className:a()(k.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,F.jsxs)("div",{className:a()(k.TX),children:[(0,F.jsx)("div",{className:a()(k.db,""!==v?k.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,F.jsx)(S.default,{metaData:t.metaData,visible:[v,b]},t.articleCodex),(0,F.jsx)("div",{className:a()(k.WN),children:d.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},x)})]})]}),!m&&!!t.price&&(0,F.jsx)(N.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,F.jsx)(I.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),O&&(null===(n=j)||void 0===n?void 0:n((0,F.jsx)(Z.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>x,Oq:()=>c,ZP:()=>C,al:()=>m,dA:()=>s,fL:()=>u,hv:()=>r,um:()=>a});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",x="index-module--nTN4r",u="index-module--FaRqp",m="index-module--oBSZj";const C=l},84887:(e,n,i)=>{i.d(n,{B:()=>a,Z:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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 r=l},57771:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>c,RV:()=>a,TX:()=>x,WN:()=>C,ZP:()=>h,db:()=>u,iZ:()=>r,vc:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.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",r="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",x="index-module--S4zFL",u="index-module--PoiMR",m="index-module--Khqca",C="index-module--gYuZ8";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2485.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2485],{82485:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(9204),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),b=t(90569),R=t.n(b),h=t(3565),m=t.n(h),C=t(19216),y=t.n(C),S=t(44589),T=t.n(S),E=t(64890),D={};D.styleTagTransform=T(),D.setAttributes=m(),D.insert=R().bind(null,"head"),D.domAPI=f(),D.insertStyleElement=y();v()(E.Z,D);E.Z&&E.Z.locals&&E.Z.locals;var P=t(47514),U=(0,d.getLogger)("Planner","PlannerRTV");const I=(0,c.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,d.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],b=(0,s.useState)([]),R=(0,o.Z)(b,2),h=R[0],m=R[1],C=(0,s.useRef)(!0),y=(0,s.useRef)(),S=a.viewPlannerHandler.getPlannerViewConfig(),T=(0,s.useRef)(null),E=(0,d.useDivaCore)(),D=E.actions,I=E.state,L=I.apiConfig,x=I.isMobile,k=I.isFirefox,Y=I.jwt,B=I.idm3DEnvironmentEnabled,j=I.dimensions.isTablet,V=x||j;(0,s.useEffect)((function(){a.productState.glbUrl=void 0,y.current=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"TrashIcon"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(h)&&m(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var X=V&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){D.loadModelViewer();var e=function messageListener(e){if(T.current){var n;if("AR_READY"===e.data.type&&a.productState.doShowARQRCode)if(U.debug("[AR-DEBUG-PARENT] PlannerRTV received AR_READY, currentBlob:",!!y.current),T.current.style.zIndex="10000",T.current.style.position="fixed",T.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),D.closeModal(),y.current)U.debug("[AR-DEBUG-PARENT] PlannerRTV resending SET_AR_OBJECT on AR_READY, blob size:",y.current.size),null===(n=T.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*");"AR_CLOSE"===e.data.type&&(a.productState.setIsARIframeVisible(!1),a.productState.setDoShowARQRCode(!1),T.current.style.zIndex="0",T.current.style.position="absolute",T.current.style.opacity="0",T.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D"))}};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(U.debug("[AR-DEBUG-PARENT] PlannerRTV useEffect doShowARQRCode:",a.productState.doShowARQRCode,"arViewerIframe:",X,"currentBlob:",!!y.current,"iframeRef:",!!T.current),X&&a.productState.doShowARQRCode&&y.current)&&(U.debug("[AR-DEBUG-PARENT] PlannerRTV sending SET_AR_OBJECT via useEffect, blob size:",null===(e=y.current)||void 0===e?void 0:e.size),T.current.style.zIndex="10000",T.current.style.position="fixed",T.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),null===(n=T.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*"))}),[a.productState.doShowARQRCode,y.current]),!a.productState.doShowRTV&&!0===C.current||!a.isParentViewVisible?(0,P.jsx)(P.Fragment,{}):(C.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:V,elementsInfo:h,inBackground:w,stopRender:!a.isParentViewVisible,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:L,jwt:Y,renderInBackground:!!X&&!w,disableToggleLoading:!0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:S.posNumIcon,posTrashIcon:S.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",idm3DEnvironmentEnabled:B},callbacks:{setGlb:V?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:U.debug("[AR-DEBUG-PARENT] PlannerRTV setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",X,"iframeRef:",!!T.current),X&&T.current&&e?(y.current=e,U.debug("[AR-DEBUG-PARENT] PlannerRTV sending SET_AR_OBJECT via setGlb"),null===(n=T.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t);case 2:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&D.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),X&&(0,P.jsx)("iframe",{src:K,ref:T,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:a.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),a.productState.glbUrl&&a.productState.loadRTVForAr&&!X&&(0,P.jsx)("div",{id:"ar-viewer",children:(0,P.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=c.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":k?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,P.jsx)("div",{id:"ar-prompt",children:(0,P.jsx)("img",{src:A})}),(0,P.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,P.jsx)(P.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(43494),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},43494:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2485],{82485:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(75327),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),b=t(90569),R=t.n(b),h=t(3565),m=t.n(h),C=t(19216),y=t.n(C),S=t(44589),T=t.n(S),E=t(64890),D={};D.styleTagTransform=T(),D.setAttributes=m(),D.insert=R().bind(null,"head"),D.domAPI=f(),D.insertStyleElement=y();v()(E.Z,D);E.Z&&E.Z.locals&&E.Z.locals;var P=t(47514),U=(0,d.getLogger)("Planner","PlannerRTV");const I=(0,c.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,d.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],b=(0,s.useState)([]),R=(0,o.Z)(b,2),h=R[0],m=R[1],C=(0,s.useRef)(!0),y=(0,s.useRef)(),S=a.viewPlannerHandler.getPlannerViewConfig(),T=(0,s.useRef)(null),E=(0,d.useDivaCore)(),D=E.actions,I=E.state,L=I.apiConfig,x=I.isMobile,k=I.isFirefox,Y=I.jwt,B=I.idm3DEnvironmentEnabled,j=I.dimensions.isTablet,V=x||j;(0,s.useEffect)((function(){a.productState.glbUrl=void 0,y.current=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"TrashIcon"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(h)&&m(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var X=V&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){D.loadModelViewer();var e=function messageListener(e){if(T.current){var n;if("AR_READY"===e.data.type&&a.productState.doShowARQRCode)if(U.debug("[AR-DEBUG-PARENT] PlannerRTV received AR_READY, currentBlob:",!!y.current),T.current.style.zIndex="10000",T.current.style.position="fixed",T.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),D.closeModal(),y.current)U.debug("[AR-DEBUG-PARENT] PlannerRTV resending SET_AR_OBJECT on AR_READY, blob size:",y.current.size),null===(n=T.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*");"AR_CLOSE"===e.data.type&&(a.productState.setIsARIframeVisible(!1),a.productState.setDoShowARQRCode(!1),T.current.style.zIndex="0",T.current.style.position="absolute",T.current.style.opacity="0",T.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D"))}};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(U.debug("[AR-DEBUG-PARENT] PlannerRTV useEffect doShowARQRCode:",a.productState.doShowARQRCode,"arViewerIframe:",X,"currentBlob:",!!y.current,"iframeRef:",!!T.current),X&&a.productState.doShowARQRCode&&y.current)&&(U.debug("[AR-DEBUG-PARENT] PlannerRTV sending SET_AR_OBJECT via useEffect, blob size:",null===(e=y.current)||void 0===e?void 0:e.size),T.current.style.zIndex="10000",T.current.style.position="fixed",T.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),null===(n=T.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*"))}),[a.productState.doShowARQRCode,y.current]),!a.productState.doShowRTV&&!0===C.current||!a.isParentViewVisible?(0,P.jsx)(P.Fragment,{}):(C.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:V,elementsInfo:h,inBackground:w,stopRender:!a.isParentViewVisible,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:L,jwt:Y,renderInBackground:!!X&&!w,disableToggleLoading:!0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:S.posNumIcon,posTrashIcon:S.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",idm3DEnvironmentEnabled:B},callbacks:{setGlb:V?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:U.debug("[AR-DEBUG-PARENT] PlannerRTV setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",X,"iframeRef:",!!T.current),X&&T.current&&e?(y.current=e,U.debug("[AR-DEBUG-PARENT] PlannerRTV sending SET_AR_OBJECT via setGlb"),null===(n=T.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t);case 2:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&D.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),X&&(0,P.jsx)("iframe",{src:K,ref:T,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:a.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),a.productState.glbUrl&&a.productState.loadRTVForAr&&!X&&(0,P.jsx)("div",{id:"ar-viewer",children:(0,P.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=c.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":k?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,P.jsx)("div",{id:"ar-prompt",children:(0,P.jsx)("img",{src:A})}),(0,P.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,P.jsx)(P.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(43494),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},43494:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 250.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[250,8193,1801,1417],{18193:(o,t,i)=>{i.r(t),i.d(t,{default:()=>j});var r=i(72874),d=(i(87363),i(93379)),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),g=i(19216),C=i.n(g),v=i(44589),h=i.n(v),b=i(8368),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=i(65515),I=i.n(k),Z=i(47514),y=["onClick","iconAsDelete","open"];const j=function Arrow(o){var t=o.onClick,i=o.iconAsDelete,d=o.open,a=(0,r.Z)(o,y);return(0,Z.jsx)("span",{onClick:t,onTouchEnd:t,className:I()(b.xX,i?b.zl:void 0,i?void 0:d?b.h1:b.Oe,a.className)})}},21801:(o,t,i)=>{i.r(t),i.d(t,{default:()=>N});var r=i(34988),d=i(93379),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),g=i(19216),C=i.n(g),v=i(44589),h=i.n(v),b=i(23240),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=i(87363),I=i(9204),Z=i(65515),y=i.n(Z),j=i(9420),A=i(47514);const N=(0,j.Pi)((function InfoIcon(o){var t,i,d,a=o.item,l=o.style,c=(0,I.NP)(),u=a.contentItemId,p=null!==(t=null!==(i=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==i?i:a.title)&&void 0!==t?t:a.key,x=(0,k.useState)(!1),m=(0,r.Z)(x,2),g=m[0],C=m[1],v=a.sel||g;if((0,k.useEffect)((function(){var o=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!o&&g&&C(!1),o&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var o;return!a.op||null===(o=c.uiState.ViewConfig.infoIconSettings)||void 0===o||!o.onlyShowSelectedOPV||v}()?(0,A.jsx)("div",{className:b.um,onClick:function onClick(o){c.settingsState.onClickContentItemId(u,p),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),o.stopPropagation()},style:l,children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:y()(b.hv,v?void 0:b.al,g?b.FJ:void 0),children:(0,A.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,A.jsx)("path",{className:b.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,A.jsx)("path",{className:b.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,A.jsx)("div",{className:y()(b.dA,v?b.al:void 0),children:(0,A.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,A.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,A.jsx)(A.Fragment,{})}))},19456:(o,t,i)=>{i.r(t),i.d(t,{default:()=>S});var r=i(34988),d=i(87363),a=i(65515),l=i.n(a),c=i(16008),u=i(75275),p=i(88683),x=i(9204),m=i(93379),g=i.n(m),C=i(7795),v=i.n(C),h=i(90569),b=i.n(h),w=i(3565),k=i.n(w),I=i(19216),Z=i.n(I),y=i(44589),j=i.n(y),A=i(8441),N={};N.styleTagTransform=j(),N.setAttributes=k(),N.insert=b().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=Z();g()(A.ZP,N);A.ZP&&A.ZP.locals&&A.ZP.locals;var D=i(69369),P=i(47514),O=(0,p.getLogger)("Planner","ReverseCheck");const S=function ReverseCheck(o){var t=o.item,i=o.paletteId,a=(0,x.NP)(),m=(0,p.useTranslation)().t,g=void 0!==t.pricePreviewPromise?t.pricePreviewPromise:void 0,C=(0,d.useState)(null),v=(0,r.Z)(C,2),h=v[0],b=v[1],w=(0,d.useState)(!1),k=(0,r.Z)(w,2),I=k[0],Z=k[1];(0,d.useEffect)((function(){var o=!0;return g?(Z(!0),g.promise.then((function(t){o&&b(t.reversingCheck)})).catch((function(o){O.error(new D.GE("Error loading reversing check:",{cause:o}))})).finally((function(){o&&Z(!1)}))):b(null),function(){o=!1}}),[g]);return g?I?(0,P.jsx)("div",{className:l()(A.Nh,A.V_),children:(0,P.jsx)("div",{className:A.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(A.Nh,A.IN,A.A4),onClick:function handleBlockedClick(o){var t;o.stopPropagation();var i=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(t=a.actions)||void 0===t||t.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,P.jsx)(c.Z,{className:A.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(A.Nh,A.J9),onClick:function handleWarningClick(o){var r;o.stopPropagation();var d=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(r=a.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(o){o&&a.paletteViewHandler.clickedOnConfigPalette(t,void 0,i)}})},children:(0,P.jsx)(u.Z,{className:A.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{})}},71417:(o,t,i)=>{i.r(t),i.d(t,{default:()=>Z});var r=i(9420),d=i(18193),a=(i(87363),i(93379)),l=i.n(a),c=i(7795),u=i.n(c),p=i(90569),x=i.n(p),m=i(3565),g=i.n(m),C=i(19216),v=i.n(C),h=i(44589),b=i.n(h),w=i(30827),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=x().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=v();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(47514);const Z=(0,r.Pi)((function MobileDropdown(o){var t=o.onChange,i=o.mobileOptions,r=o.selectedOption,a=o.id;return(0,I.jsxs)("div",{className:w.Nu,id:a,children:[(0,I.jsx)(d.default,{open:!1,className:w.x7}),(0,I.jsx)("select",{className:w.Ys,onChange:t,value:r,children:i.map((function(o){return(0,I.jsx)("option",{value:o.codex,dangerouslySetInnerHTML:{__html:o.text+(o.price?"  -  "+o.price:"")}},o.codex)}))})]})}))},250:(o,t,i)=>{i.r(t),i.d(t,{default:()=>z});var r=i(34988),d=i(74133),a=i(93379),l=i.n(a),c=i(7795),u=i.n(c),p=i(90569),x=i.n(p),m=i(3565),g=i.n(m),C=i(19216),v=i.n(C),h=i(44589),b=i.n(h),w=i(42550),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=x().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=v();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(88683),Z=i(9204),y=i(87363),j=i(10304),A=i(71417),N=i(9420),D=i(21801),P=i(91087),O=i(19456),S=i(47514);function _createForOfIteratorHelper(o,t){var i="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!i){if(Array.isArray(o)||(i=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var i={}.toString.call(o).slice(8,-1);return"Object"===i&&o.constructor&&(i=o.constructor.name),"Map"===i||"Set"===i?Array.from(o):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){i&&(o=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){i=i.call(o)},n:function n(){var o=i.next();return l=o.done,o},e:function e(o){c=!0,a=o},f:function f(){try{l||null==i.return||i.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var i=0,r=Array(t);i<t;i++)r[i]=o[i];return r}const z=(0,N.Pi)((function DropDowmText(o){var t,i=o.item,a=o.paletteId,l=o.style,c=(0,Z.NP)(),u=(0,I.useDivaCore)().state.dimensions.isMobile,p=(0,y.useState)(void 0),x=(0,r.Z)(p,2),m=x[0],g=x[1],C=(0,y.useState)([]),v=(0,r.Z)(C,2),h=v[0],b=v[1],k=(0,y.useState)(void 0),N=(0,r.Z)(k,2),z=N[0],E=N[1],B=(0,y.useState)([]),M=(0,r.Z)(B,2),_=M[0],L=M[1],T=(0,y.useState)(void 0),V=(0,r.Z)(T,2),R=V[0],W=V[1],q=(0,y.useState)([]),H=(0,r.Z)(q,2),G=H[0],U=H[1],J=(0,y.useState)(void 0),Y=(0,r.Z)(J,2),K=Y[0],Q=Y[1];(0,y.useEffect)((function(){var o=i.groups.flatMap((function(o){return o.items}));b(o);var t=o.find((function(o){return o.sel}));m!==(null==t?void 0:t.text)&&g(null==t?void 0:t.text),E(t)}),[i]);(0,y.useEffect)((function(){var o=h.find((function(o){return o.codex==m}));o&&(Q({label:(0,S.jsx)("div",{className:w.PS,children:o.text}),value:o.codex}),c.paletteViewHandler.clickedOnConfigPalette(o,void 0,a))}),[m]),(0,y.useEffect)((function(){var o,t=[],i=void 0,r=[],d=_createForOfIteratorHelper(h);try{for(d.s();!(o=d.n()).done;){var l=o.value;t.push({text:l.text,codex:l.codex});var c={label:(0,S.jsxs)("div",{className:w.PS,children:[l.text,void 0!==l.pricePreviewPromise&&(0,S.jsx)(P.default,{asyncPricePreview:l.pricePreviewPromise,sel:l.sel}),void 0!==l.checkForReversingChanges&&(0,S.jsx)(O.default,{item:l,paletteId:a})]}),text:l.text,value:l.codex};l.sel&&(Q(c),i=l.codex),r.push(c)}}catch(o){d.e(o)}finally{d.f()}U(r),L(t),W(i)}),[h]);var X=!1;if(a){var $=c.settingsState.itemPalettes.get(a+1);null!=$&&$.visible||(X=!0)}return(0,S.jsxs)("div",{ref:function ref(o){return i.htmlRef=o},style:l,className:w.YS,children:[(0,S.jsxs)("div",{className:w.aW,children:[(0,S.jsx)(d.default,{isInScroller:!0,isSettingsHeader:!1,item:i}),(null===(t=i.selectedElements)||void 0===t?void 0:t[0].contentItemId)&&(0,S.jsx)(D.default,{item:i.selectedElements[0],style:{position:"relative",bottom:-16}},i.selectedElements[0].codex)]}),u?(0,S.jsx)(A.default,{id:"wcConfigurator-mobiledropdown-"+i.id,onChange:function onChangeMobile(o){g(o.target.value)},mobileOptions:_,selectedOption:R}):(0,S.jsx)(j.Z,{className:"wcConfigurator-dropdown-"+i.id,controlClassName:w.XF,menuClassName:w.fF,options:G,value:K,onChange:function onChange(o){g(o.value)}}),"DROPDOWN_IMAGE"==i.type&&(null==z?void 0:z.image)&&(0,S.jsx)("img",{className:w.BH,src:z.image.replace("_gal.",".")}),X&&(0,S.jsx)("div",{style:{height:32*G.length+10}})]})}))},8368:(o,t,i)=>{i.d(t,{Oe:()=>w,ZP:()=>k,h1:()=>b,xX:()=>v,zl:()=>h});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a),c=i(61667),u=i.n(c),p=new URL(i(49797),i.b),x=new URL(i(24827),i.b),m=l()(d()),g=u()(p),C=u()(x);m.push([o.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("+g+");\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("+C+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+C+");\n}\n",""]);var v="index-module--kpDq_",h="index-module--qA_2S",b="index-module--GLLUM",w="index-module--ctBIw";const k=m},23240:(o,t,i)=>{i.d(t,{FJ:()=>m,Oq:()=>x,ZP:()=>v,al:()=>C,dA:()=>p,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.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 c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const v=l},8441:(o,t,i)=>{i.d(t,{A4:()=>p,IN:()=>u,J9:()=>v,Nh:()=>c,V_:()=>x,ZP:()=>h,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",x="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",v="index-module--lFAqA";const h=l},30827:(o,t,i)=>{i.d(t,{Nu:()=>c,Ys:()=>u,ZP:()=>x,x7:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--nn0m1 {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.index-module--NcbdU {\n  outline: none !important;\n}\n\n.index-module--NcbdU {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--IHgzx {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var c="index-module--nn0m1",u="index-module--NcbdU",p="index-module--IHgzx";const x=l},42550:(o,t,i)=>{i.d(t,{BH:()=>x,PS:()=>m,XF:()=>u,YS:()=>g,ZP:()=>C,aW:()=>c,fF:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--qmzWi {\n  display: flex;\n  position: relative;\n}\n.index-module--LBog6 {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.index-module--LBog6 {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.index-module--LBog6 > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.index-module--IaJ0L {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.index-module--IaJ0L .index-module--fBAeT {\n  white-space: nowrap;\n}\n\n.index-module--iIiA1 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--NgiFc {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.index-module--LmjEj {\n  width: 50%;\n  margin: 15px;\n}\n\n.index-module--XjFp1 {\n  width: 45%;\n}\n\n.index-module--WIgJR {\n  position: relative;\n  padding-right: 64px;\n}\n\n.index-module--iZO2k .Dropdown-root {\n  position: relative;\n}\n\n.index-module--iZO2k .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--IBlwg .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--ucjVI .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--iZO2k .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--iZO2k .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: 15px;\n  width: 0;\n}\n\n.index-module--iZO2k .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--iZO2k .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--iZO2k .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--iZO2k .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--iZO2k .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--iZO2k .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--iZO2k .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--LBog6 {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--NgiFc {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n",""]);var c="index-module--qmzWi",u="index-module--LBog6",p="index-module--IaJ0L",x="index-module--XjFp1",m="index-module--WIgJR",g="index-module--iZO2k";const C=l},49797:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[250,8193,1801,1417],{18193:(o,t,i)=>{i.r(t),i.d(t,{default:()=>j});var r=i(72874),d=(i(87363),i(93379)),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),g=i(19216),C=i.n(g),v=i(44589),h=i.n(v),b=i(8368),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=i(65515),I=i.n(k),Z=i(47514),y=["onClick","iconAsDelete","open"];const j=function Arrow(o){var t=o.onClick,i=o.iconAsDelete,d=o.open,a=(0,r.Z)(o,y);return(0,Z.jsx)("span",{onClick:t,onTouchEnd:t,className:I()(b.xX,i?b.zl:void 0,i?void 0:d?b.h1:b.Oe,a.className)})}},21801:(o,t,i)=>{i.r(t),i.d(t,{default:()=>N});var r=i(34988),d=i(93379),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),g=i(19216),C=i.n(g),v=i(44589),h=i.n(v),b=i(23240),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=i(87363),I=i(75327),Z=i(65515),y=i.n(Z),j=i(9420),A=i(47514);const N=(0,j.Pi)((function InfoIcon(o){var t,i,d,a=o.item,l=o.style,c=(0,I.NP)(),u=a.contentItemId,p=null!==(t=null!==(i=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==i?i:a.title)&&void 0!==t?t:a.key,x=(0,k.useState)(!1),m=(0,r.Z)(x,2),g=m[0],C=m[1],v=a.sel||g;if((0,k.useEffect)((function(){var o=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!o&&g&&C(!1),o&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var o;return!a.op||null===(o=c.uiState.ViewConfig.infoIconSettings)||void 0===o||!o.onlyShowSelectedOPV||v}()?(0,A.jsx)("div",{className:b.um,onClick:function onClick(o){c.settingsState.onClickContentItemId(u,p),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),o.stopPropagation()},style:l,children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:y()(b.hv,v?void 0:b.al,g?b.FJ:void 0),children:(0,A.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,A.jsx)("path",{className:b.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,A.jsx)("path",{className:b.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,A.jsx)("div",{className:y()(b.dA,v?b.al:void 0),children:(0,A.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,A.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,A.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,A.jsx)(A.Fragment,{})}))},19456:(o,t,i)=>{i.r(t),i.d(t,{default:()=>S});var r=i(34988),d=i(87363),a=i(65515),l=i.n(a),c=i(16008),u=i(75275),p=i(88683),x=i(75327),m=i(93379),g=i.n(m),C=i(7795),v=i.n(C),h=i(90569),b=i.n(h),w=i(3565),k=i.n(w),I=i(19216),Z=i.n(I),y=i(44589),j=i.n(y),A=i(8441),N={};N.styleTagTransform=j(),N.setAttributes=k(),N.insert=b().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=Z();g()(A.ZP,N);A.ZP&&A.ZP.locals&&A.ZP.locals;var D=i(69369),P=i(47514),O=(0,p.getLogger)("Planner","ReverseCheck");const S=function ReverseCheck(o){var t=o.item,i=o.paletteId,a=(0,x.NP)(),m=(0,p.useTranslation)().t,g=void 0!==t.pricePreviewPromise?t.pricePreviewPromise:void 0,C=(0,d.useState)(null),v=(0,r.Z)(C,2),h=v[0],b=v[1],w=(0,d.useState)(!1),k=(0,r.Z)(w,2),I=k[0],Z=k[1];(0,d.useEffect)((function(){var o=!0;return g?(Z(!0),g.promise.then((function(t){o&&b(t.reversingCheck)})).catch((function(o){O.error(new D.GE("Error loading reversing check:",{cause:o}))})).finally((function(){o&&Z(!1)}))):b(null),function(){o=!1}}),[g]);return g?I?(0,P.jsx)("div",{className:l()(A.Nh,A.V_),children:(0,P.jsx)("div",{className:A.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(A.Nh,A.IN,A.A4),onClick:function handleBlockedClick(o){var t;o.stopPropagation();var i=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(t=a.actions)||void 0===t||t.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,P.jsx)(c.Z,{className:A.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,P.jsx)("div",{className:l()(A.Nh,A.J9),onClick:function handleWarningClick(o){var r;o.stopPropagation();var d=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(r=a.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(o){o&&a.paletteViewHandler.clickedOnConfigPalette(t,void 0,i)}})},children:(0,P.jsx)(u.Z,{className:A.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{})}},71417:(o,t,i)=>{i.r(t),i.d(t,{default:()=>Z});var r=i(9420),d=i(18193),a=(i(87363),i(93379)),l=i.n(a),c=i(7795),u=i.n(c),p=i(90569),x=i.n(p),m=i(3565),g=i.n(m),C=i(19216),v=i.n(C),h=i(44589),b=i.n(h),w=i(30827),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=x().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=v();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(47514);const Z=(0,r.Pi)((function MobileDropdown(o){var t=o.onChange,i=o.mobileOptions,r=o.selectedOption,a=o.id;return(0,I.jsxs)("div",{className:w.Nu,id:a,children:[(0,I.jsx)(d.default,{open:!1,className:w.x7}),(0,I.jsx)("select",{className:w.Ys,onChange:t,value:r,children:i.map((function(o){return(0,I.jsx)("option",{value:o.codex,dangerouslySetInnerHTML:{__html:o.text+(o.price?"  -  "+o.price:"")}},o.codex)}))})]})}))},250:(o,t,i)=>{i.r(t),i.d(t,{default:()=>z});var r=i(34988),d=i(74133),a=i(93379),l=i.n(a),c=i(7795),u=i.n(c),p=i(90569),x=i.n(p),m=i(3565),g=i.n(m),C=i(19216),v=i.n(C),h=i(44589),b=i.n(h),w=i(42550),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=x().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=v();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(88683),Z=i(75327),y=i(87363),j=i(10304),A=i(71417),N=i(9420),D=i(21801),P=i(91087),O=i(19456),S=i(47514);function _createForOfIteratorHelper(o,t){var i="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!i){if(Array.isArray(o)||(i=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var i={}.toString.call(o).slice(8,-1);return"Object"===i&&o.constructor&&(i=o.constructor.name),"Map"===i||"Set"===i?Array.from(o):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){i&&(o=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){i=i.call(o)},n:function n(){var o=i.next();return l=o.done,o},e:function e(o){c=!0,a=o},f:function f(){try{l||null==i.return||i.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var i=0,r=Array(t);i<t;i++)r[i]=o[i];return r}const z=(0,N.Pi)((function DropDowmText(o){var t,i=o.item,a=o.paletteId,l=o.style,c=(0,Z.NP)(),u=(0,I.useDivaCore)().state.dimensions.isMobile,p=(0,y.useState)(void 0),x=(0,r.Z)(p,2),m=x[0],g=x[1],C=(0,y.useState)([]),v=(0,r.Z)(C,2),h=v[0],b=v[1],k=(0,y.useState)(void 0),N=(0,r.Z)(k,2),z=N[0],E=N[1],B=(0,y.useState)([]),M=(0,r.Z)(B,2),_=M[0],L=M[1],T=(0,y.useState)(void 0),V=(0,r.Z)(T,2),R=V[0],W=V[1],q=(0,y.useState)([]),H=(0,r.Z)(q,2),G=H[0],U=H[1],J=(0,y.useState)(void 0),Y=(0,r.Z)(J,2),K=Y[0],Q=Y[1];(0,y.useEffect)((function(){var o=i.groups.flatMap((function(o){return o.items}));b(o);var t=o.find((function(o){return o.sel}));m!==(null==t?void 0:t.text)&&g(null==t?void 0:t.text),E(t)}),[i]);(0,y.useEffect)((function(){var o=h.find((function(o){return o.codex==m}));o&&(Q({label:(0,S.jsx)("div",{className:w.PS,children:o.text}),value:o.codex}),c.paletteViewHandler.clickedOnConfigPalette(o,void 0,a))}),[m]),(0,y.useEffect)((function(){var o,t=[],i=void 0,r=[],d=_createForOfIteratorHelper(h);try{for(d.s();!(o=d.n()).done;){var l=o.value;t.push({text:l.text,codex:l.codex});var c={label:(0,S.jsxs)("div",{className:w.PS,children:[l.text,void 0!==l.pricePreviewPromise&&(0,S.jsx)(P.default,{asyncPricePreview:l.pricePreviewPromise,sel:l.sel}),void 0!==l.checkForReversingChanges&&(0,S.jsx)(O.default,{item:l,paletteId:a})]}),text:l.text,value:l.codex};l.sel&&(Q(c),i=l.codex),r.push(c)}}catch(o){d.e(o)}finally{d.f()}U(r),L(t),W(i)}),[h]);var X=!1;if(a){var $=c.settingsState.itemPalettes.get(a+1);null!=$&&$.visible||(X=!0)}return(0,S.jsxs)("div",{ref:function ref(o){return i.htmlRef=o},style:l,className:w.YS,children:[(0,S.jsxs)("div",{className:w.aW,children:[(0,S.jsx)(d.default,{isInScroller:!0,isSettingsHeader:!1,item:i}),(null===(t=i.selectedElements)||void 0===t?void 0:t[0].contentItemId)&&(0,S.jsx)(D.default,{item:i.selectedElements[0],style:{position:"relative",bottom:-16}},i.selectedElements[0].codex)]}),u?(0,S.jsx)(A.default,{id:"wcConfigurator-mobiledropdown-"+i.id,onChange:function onChangeMobile(o){g(o.target.value)},mobileOptions:_,selectedOption:R}):(0,S.jsx)(j.Z,{className:"wcConfigurator-dropdown-"+i.id,controlClassName:w.XF,menuClassName:w.fF,options:G,value:K,onChange:function onChange(o){g(o.value)}}),"DROPDOWN_IMAGE"==i.type&&(null==z?void 0:z.image)&&(0,S.jsx)("img",{className:w.BH,src:z.image.replace("_gal.",".")}),X&&(0,S.jsx)("div",{style:{height:32*G.length+10}})]})}))},8368:(o,t,i)=>{i.d(t,{Oe:()=>w,ZP:()=>k,h1:()=>b,xX:()=>v,zl:()=>h});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a),c=i(61667),u=i.n(c),p=new URL(i(49797),i.b),x=new URL(i(24827),i.b),m=l()(d()),g=u()(p),C=u()(x);m.push([o.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("+g+");\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("+C+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+C+");\n}\n",""]);var v="index-module--kpDq_",h="index-module--qA_2S",b="index-module--GLLUM",w="index-module--ctBIw";const k=m},23240:(o,t,i)=>{i.d(t,{FJ:()=>m,Oq:()=>x,ZP:()=>v,al:()=>C,dA:()=>p,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.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 c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const v=l},8441:(o,t,i)=>{i.d(t,{A4:()=>p,IN:()=>u,J9:()=>v,Nh:()=>c,V_:()=>x,ZP:()=>h,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",x="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",v="index-module--lFAqA";const h=l},30827:(o,t,i)=>{i.d(t,{Nu:()=>c,Ys:()=>u,ZP:()=>x,x7:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--nn0m1 {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.index-module--NcbdU {\n  outline: none !important;\n}\n\n.index-module--NcbdU {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--IHgzx {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var c="index-module--nn0m1",u="index-module--NcbdU",p="index-module--IHgzx";const x=l},42550:(o,t,i)=>{i.d(t,{BH:()=>x,PS:()=>m,XF:()=>u,YS:()=>g,ZP:()=>C,aW:()=>c,fF:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([o.id,".index-module--qmzWi {\n  display: flex;\n  position: relative;\n}\n.index-module--LBog6 {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.index-module--LBog6 {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.index-module--LBog6 > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.index-module--IaJ0L {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.index-module--IaJ0L .index-module--fBAeT {\n  white-space: nowrap;\n}\n\n.index-module--iIiA1 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--NgiFc {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.index-module--LmjEj {\n  width: 50%;\n  margin: 15px;\n}\n\n.index-module--XjFp1 {\n  width: 45%;\n}\n\n.index-module--WIgJR {\n  position: relative;\n  padding-right: 64px;\n}\n\n.index-module--iZO2k .Dropdown-root {\n  position: relative;\n}\n\n.index-module--iZO2k .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--IBlwg .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--ucjVI .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--iZO2k .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--iZO2k .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: 15px;\n  width: 0;\n}\n\n.index-module--iZO2k .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--iZO2k .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--iZO2k .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--iZO2k .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--iZO2k .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--iZO2k .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--iZO2k .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--LBog6 {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--NgiFc {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n",""]);var c="index-module--qmzWi",u="index-module--LBog6",p="index-module--IaJ0L",x="index-module--XjFp1",m="index-module--WIgJR",g="index-module--iZO2k";const C=l},49797:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2576.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(9204),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(9204),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(9204),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},12576:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(9204),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(75327),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(75327),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(75327),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},12576:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(75327),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2607.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2607,304,8193],{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},18193:(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)})}},32607:(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(9204),g=t(65515),w=t.n(g),P=t(18193),_=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([[2607,304,8193],{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},18193:(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)})}},32607:(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(75327),g=t(65515),w=t.n(g),P=t(18193),_=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/2610.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 2610.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2610],{2610:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(9204),r=n(87363),a=n(9420),d=n(20638),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2610],{2610:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(75327),r=n(87363),a=n(9420),d=n(20638),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2636.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2636,6587],{39060:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(34988),i=n(9204),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(55461),z=n(21801),Z=n(91087),D=n(19456),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l},16008:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(91104),l=n(94299),s=n(5230),a=n(90659),d=n(56047),c=n(18685),p=n(36735);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(o,n){return(0,m.jsx)(h,{"data-testid":void 0,ref:n,...o,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2636,6587],{39060:(e,o,n)=>{n.r(o),n.d(o,{default:()=>B});var r=n(80248),t=n(34988),i=n(75327),l=n(87363),s=n(46770),a=n(9420),d=n(93379),c=n.n(d),p=n(7795),m=n.n(p),u=n(90569),v=n.n(u),h=n(3565),g=n.n(h),y=n(19216),f=n.n(y),x=n(44589),b=n.n(x),S=n(28491),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=v().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=f();c()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=n(13838),P=n(65515),O=n.n(P),C=n(86587),I=n(88683),k=n(55461),z=n(21801),Z=n(91087),D=n(19456),V=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const B=(0,a.Pi)((function Gallery(e){var o,n,r=e.item,a=e.hidePricePreview,d=e.paletteId,c=e.style,p=e.isActive,m=void 0===p?(0,V.jsx)(C.default,{listenToGalleryVariables:!0}):p,u=e.namePostFix,v=r,h=(0,i.NP)(),g=(0,I.useDivaCore)().state.dimensions,y=g.isMobile,f=g.isTablet,x=(0,l.useState)(""),b=(0,t.Z)(x,2),w=b[0],P=(b[1],{}),B={},N=void 0,A=!1,R={},F=(0,s.XI)({delayEnter:1500,hideOnScroll:!0}),T=(0,s.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return y||f||h.getViewConfig().hideTooltip||!v.image&&!v.hexColor||v.contentItemId||(A=F[0],R=F[1],P=T.triggerProps,B=T.layerProps,N=T.renderLayer),(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:v.codex,"data-test-id":"plannerPaletteItem",className:O()(S.CA,S.TD,v.sel?S.pA:void 0),onClick:function onClick(){v.doShowFav&&h.paletteViewHandler.clickedOnFavIcon(v),h.paletteViewHandler.clickedOnConfigPalette(v,void 0,d)}},P),R),{},{children:[(0,V.jsxs)("div",{className:O()(S.iZ,S.VF),children:[!v.doShowFav&&v.sel&&void 0!==m&&m,v.contentItemId&&(0,V.jsx)(z.default,{item:v},v.codex),(h.getViewConfig().showVCodexInGallery&&v.vCodex||v.freeText)&&(0,V.jsx)("div",{className:S.eE,children:(0,V.jsx)("div",{className:O()(S.rq),children:null!==(o=v.freeText)&&void 0!==o?o:v.vCodex+(u||"")})}),v.image?(0,V.jsx)("img",{src:v.image}):v.hexColor?(0,V.jsx)("div",{className:S.CO,style:{backgroundColor:"#"+v.hexColor}}):(0,V.jsx)(V.Fragment,{}),v.doShowFav&&(0,V.jsx)("div",{className:v.isFav?j.Md:j.Hq})]}),!a&&void 0!==v.pricePreviewPromise&&(0,V.jsx)(Z.default,{asyncPricePreview:v.pricePreviewPromise,sel:v.sel}),void 0!==v.checkForReversingChanges&&(0,V.jsx)(D.default,{item:v,paletteId:d})]})),A&&(null===(n=N)||void 0===n?void 0:n((0,V.jsx)(k.default,{text:v.text+(u||""),desciption:w,image:v.image,layerProps:B,pricePreviewPromise:v.pricePreviewPromise,hexColor:v.hexColor},v.codex)))]})}))},86587:(e,o,n)=>{n.r(o),n.d(o,{default:()=>l});var r=n(80248),t=(n(87363),n(2765)),i=n(47514);function ownKeys(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(n),!0).forEach((function(o){(0,r.Z)(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))}))}return e}const l=function IsActive(e){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},28491:(e,o,n)=>{n.d(o,{CA:()=>s,CO:()=>v,TD:()=>u,VF:()=>d,ZP:()=>h,eE:()=>p,iZ:()=>a,pA:()=>c,rq:()=>m});var r=n(8081),t=n.n(r),i=n(23645),l=n.n(i)()(t());l.push([e.id,".index-module--vXVD4 .index-module--ecuNz.index-module--hkKLj {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--vXVD4 {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--vXVD4:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--vXVD4.index-module--bpPyh {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--Ur6oS {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vybus {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--vXVD4:hover .index-module--vybus,\n.index-module--bpPyh .index-module--vybus {\n  display: block;\n}\n\n.index-module--vXVD4.index-module--hf53S {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--vXVD4.index-module--hf53S img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--VYcNk {\n  width: 80px;\n  height: 80px;\n}\n",""]);var s="index-module--vXVD4",a="index-module--ecuNz",d="index-module--hkKLj",c="index-module--bpPyh",p="index-module--Ur6oS",m="index-module--vybus",u="index-module--hf53S",v="index-module--VYcNk";const h=l},16008:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,o,n)=>{n.d(o,{Z:()=>i});var r=n(59654),t=n(47514);const i=(0,r.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,o,n)=>{n.d(o,{Z:()=>createSvgIcon});var r=n(87363),t=n(87726),i=n(91104),l=n(94299),s=n(5230),a=n(90659),d=n(56047),c=n(18685),p=n(36735);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=n(47514);const u=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,"inherit"!==n.color&&o[`color${(0,l.Z)(n.color)}`],o[`fontSize${(0,l.Z)(n.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([o])=>({props:{color:o},style:{color:(e.vars??e).palette?.[o]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=r.forwardRef((function SvgIcon(e,o){const n=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:p="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:g=!1,titleAccess:y,viewBox:f="0 0 24 24",...x}=n,b=r.isValidElement(s)&&"svg"===s.type,S={...n,color:c,component:p,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:g,viewBox:f,hasSvgAsChild:b},w={};g||(w.viewBox=f);const j=(e=>{const{color:o,fontSize:n,classes:r}=e,t={root:["root","inherit"!==o&&`color${(0,l.Z)(o)}`,`fontSize${(0,l.Z)(n)}`]};return(0,i.Z)(t,getSvgIconUtilityClass,r)})(S);return(0,m.jsxs)(u,{as:p,className:(0,t.Z)(j.root,a),focusable:"false",color:h,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:o,...w,...x,...b&&s.props,ownerState:S,children:[b?s.props.children:s,y?(0,m.jsx)("title",{children:y}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,o){function Component(o,n){return(0,m.jsx)(h,{"data-testid":void 0,ref:n,...o,children:e})}return Component.muiName=h.muiName,r.memo(r.forwardRef(Component))}}}]);