@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.0-beta.34

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6253.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1017,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(91214),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(91214),l=i(65515),r=i.n(l),a=i(41017),s=i(49628),x=i(56882),m=i(58292),u=i(88683),c=i(93355),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}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,o.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 C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(38946),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(91214),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());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 r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1017,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(25443),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(25443),l=i(65515),r=i.n(l),a=i(41017),s=i(49628),x=i(56882),m=i(58292),u=i(88683),c=i(93355),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}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,o.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 C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},41017:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(38946),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(25443),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());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 r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6335.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6335,6587],{36335:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var d=i(65515),o=i.n(d),t=i(91214),r=i(9420),l=(i(87363),i(88683)),a=i(94873),m=i(86587),x=i(47514);const u=(0,r.Pi)((function Room(n){var e=n.item,i=n.from,d=e,r=(0,t.NP)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.CA,onClick:function onClick(){return r.paletteViewHandler.clickedOnStaticRoomPalette(d,!!i)},children:(0,x.jsxs)("div",{className:o()(a.iZ,a.vc),children:[d.sel&&(0,x.jsx)(m.default,{}),(0,x.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(d.url,")")}}),(0,x.jsx)("div",{className:a.AR,children:(0,x.jsx)("div",{className:a.db,children:u("configurator."+d.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>M,AR:()=>N,Bm:()=>A,CA:()=>c,Eb:()=>j,K5:()=>b,NC:()=>I,ZP:()=>C,db:()=>h,iZ:()=>g,ox:()=>y,pA:()=>p,vc:()=>s});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),m=new URL(i(63173),i.b),x=r()(o()),u=a()(m);x.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\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}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var c="index-module--FGg5H",p="index-module--zZnWk",g="index-module--pQje2",s="index-module--CcpMC",I="index-module--II_8j",M="index-module--dUy8g",b="index-module--Z8KXz",N="index-module--m9VzR",j="index-module--Y5eRx",h="index-module--mZh26",A="index-module--NabGm",y="index-module--2NJnv";const C=x},94873:(n,e,i)=>{i.d(e,{$l:()=>s.$l,AR:()=>s.AR,Bm:()=>s.Bm,CA:()=>s.CA,Eb:()=>s.Eb,K5:()=>s.K5,NC:()=>s.NC,db:()=>s.db,iZ:()=>s.iZ,ox:()=>s.ox,pA:()=>s.pA,vc:()=>s.vc});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),m=i(3565),x=i.n(m),u=i(19216),c=i.n(u),p=i(44589),g=i.n(p),s=i(6284),I={};I.styleTagTransform=g(),I.setAttributes=x(),I.insert=a().bind(null,"head"),I.domAPI=r(),I.insertStyleElement=c();o()(s.ZP,I),s.ZP&&s.ZP.locals&&s.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6335,6587],{36335:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var d=i(65515),o=i.n(d),t=i(25443),r=i(9420),l=(i(87363),i(88683)),a=i(94873),m=i(86587),x=i(47514);const u=(0,r.Pi)((function Room(n){var e=n.item,i=n.from,d=e,r=(0,t.NP)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.CA,onClick:function onClick(){return r.paletteViewHandler.clickedOnStaticRoomPalette(d,!!i)},children:(0,x.jsxs)("div",{className:o()(a.iZ,a.vc),children:[d.sel&&(0,x.jsx)(m.default,{}),(0,x.jsx)("div",{className:a.K5,style:{backgroundImage:"url(".concat(d.url,")")}}),(0,x.jsx)("div",{className:a.AR,children:(0,x.jsx)("div",{className:a.db,children:u("configurator."+d.N)})})]})})}))},86587:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var d=i(80248),o=(i(87363),i(2765)),t=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(n);e&&(d=d.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,d.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function IsActive(n){return(0,t.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},6284:(n,e,i)=>{i.d(e,{$l:()=>M,AR:()=>N,Bm:()=>A,CA:()=>c,Eb:()=>j,K5:()=>b,NC:()=>I,ZP:()=>C,db:()=>h,iZ:()=>g,ox:()=>y,pA:()=>p,vc:()=>s});var d=i(8081),o=i.n(d),t=i(23645),r=i.n(t),l=i(61667),a=i.n(l),m=new URL(i(63173),i.b),x=r()(o()),u=a()(m);x.push([n.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\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}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_PRODUCT_ONBOARDING .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var c="index-module--FGg5H",p="index-module--zZnWk",g="index-module--pQje2",s="index-module--CcpMC",I="index-module--II_8j",M="index-module--dUy8g",b="index-module--Z8KXz",N="index-module--m9VzR",j="index-module--Y5eRx",h="index-module--mZh26",A="index-module--NabGm",y="index-module--2NJnv";const C=x},94873:(n,e,i)=>{i.d(e,{$l:()=>s.$l,AR:()=>s.AR,Bm:()=>s.Bm,CA:()=>s.CA,Eb:()=>s.Eb,K5:()=>s.K5,NC:()=>s.NC,db:()=>s.db,iZ:()=>s.iZ,ox:()=>s.ox,pA:()=>s.pA,vc:()=>s.vc});var d=i(93379),o=i.n(d),t=i(7795),r=i.n(t),l=i(90569),a=i.n(l),m=i(3565),x=i.n(m),u=i(19216),c=i.n(u),p=i(44589),g=i.n(p),s=i(6284),I={};I.styleTagTransform=g(),I.setAttributes=x(),I.insert=a().bind(null,"head"),I.domAPI=r(),I.insertStyleElement=c();o()(s.ZP,I),s.ZP&&s.ZP.locals&&s.ZP.locals},63173:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6343.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6343],{66343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(38946),c=n(87363),i=n(9420),a=n(88683),l=n(40945),s=n(91214),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const p=(0,i.Pi)((function ConceptFilter(e){var t=e.additionalGroupFilter,n=e.paletteId,r=(0,a.useTranslation)().t,i=(0,s.NP)(),p=(0,c.useState)([]),f=(0,o.Z)(p,2),b=f[0],y=f[1],O=i.settingsState.itemPalettes.get(n);(0,c.useEffect)((function(){var e,r=null!==(e=null==O?void 0:O.conceptFilterValue)&&void 0!==e?e:"",o=t.map((function(e){return _objectSpread(_objectSpread({},e),{},{onClick:function onClick(){i.paletteViewHandler.onSelectFilter(n,r==e.key?"":e.key,"CONCEPT")},selected:r===e.key})}));y(o)}),[t,O]);var d=r("configurator.conceptFilter.infoTitle"),j=r("configurator.conceptFilter.infoText");return(0,u.jsx)(l.default,{genericConceptItems:b,onClose:function onClose(){return i.paletteViewHandler.onSelectFilter(n,"","CONCEPT")},bannerTitle:d,bannerText:j})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6343],{66343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var r=n(80248),o=n(38946),c=n(87363),i=n(9420),a=n(88683),l=n(40945),s=n(25443),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const p=(0,i.Pi)((function ConceptFilter(e){var t=e.additionalGroupFilter,n=e.paletteId,r=(0,a.useTranslation)().t,i=(0,s.NP)(),p=(0,c.useState)([]),f=(0,o.Z)(p,2),b=f[0],y=f[1],O=i.settingsState.itemPalettes.get(n);(0,c.useEffect)((function(){var e,r=null!==(e=null==O?void 0:O.conceptFilterValue)&&void 0!==e?e:"",o=t.map((function(e){return _objectSpread(_objectSpread({},e),{},{onClick:function onClick(){i.paletteViewHandler.onSelectFilter(n,r==e.key?"":e.key,"CONCEPT")},selected:r===e.key})}));y(o)}),[t,O]);var d=r("configurator.conceptFilter.infoTitle"),j=r("configurator.conceptFilter.infoText");return(0,u.jsx)(l.default,{genericConceptItems:b,onClose:function onClose(){return i.paletteViewHandler.onSelectFilter(n,"","CONCEPT")},bannerTitle:d,bannerText:j})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 646.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[646,304,4184],{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},74184:(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)})}},40646:(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(91214),g=t(65515),w=t.n(g),P=t(74184),_=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([[646,304,4184],{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},74184:(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)})}},40646:(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(25443),g=t(65515),w=t.n(g),P=t(74184),_=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/6561.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 6561.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6561],{26561:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(91214),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(3861),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6561],{26561:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(25443),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(3861),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6609.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6609],{6609:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(38946),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(91214),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r||Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6609],{6609:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(38946),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(25443),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)||void 0===e||null===(e=e[0].items)||void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r||Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n  width: 70px;\n  font-size: 20px;\n  height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n  font-size: 16px;\n  height: 18px;\n  width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6641.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6641,4184,2951,1081],{74184:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(72874),r=(o(87363),o(93379)),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(8368),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(65515),A=o.n(f),w=o(47514),h=["onClick","iconAsDelete","open"];const D=function Arrow(n){var e=n.onClick,o=n.iconAsDelete,r=n.open,i=(0,t.Z)(n,h);return(0,w.jsx)("span",{onClick:e,onTouchEnd:e,className:A()(m.xX,o?m.zl:void 0,o?void 0:r?m.h1:m.Oe,i.className)})}},40646:(n,e,o)=>{o.r(e),o.d(e,{default:()=>C});o(87363);var t=o(10304),r=o(93379),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(55116),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(88683),A=o(91214),w=o(65515),h=o.n(w),D=o(74184),P=o(47514);const C=function RalDropdownFilter(n){var e,o=n.visibleColorItems,r=n.dropdownRootClass,i=void 0===r?m.oF:r,l=n.deleteCurValue,d=n.id,a=(0,f.useTranslation)().t,s=(0,A.NP)(),u=null===(e=s.settingsState.itemPalettes.get(d))||void 0===e?void 0:e.filterValue,c=o.map((function(n){return{label:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("span",{className:m.oM,style:{backgroundColor:n.rgb}})," ",a("configurator."+n.text)]}),text:n.text,value:n.text}}));return(0,P.jsx)("div",{className:h()(m.YS,s.uiState.isInMobileView?m.ai:void 0,s.uiState.isTablet?m.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,P.jsx)(t.Z,{className:h()(i),controlClassName:m.x_,options:c,value:u,onChange:function onChange(n){return s.paletteViewHandler.onSelectFilter(d,n.value,"RAL")},placeholder:a("configurator.colors"),arrowClosed:(0,P.jsx)(D.default,{onClick:l,open:!1,iconAsDelete:!!u}),arrowOpen:(0,P.jsx)(D.default,{onClick:l,open:!0,iconAsDelete:!!u})})})}},42951:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(9420),r=(o(87363),o(93379)),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(33625),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(65515),A=o.n(f),w=o(91214),h=o(47514);const D=(0,t.Pi)((function FilterItem(n){var e,o=n.item,t=n.id,r=(0,w.NP)(),i=null===(e=r.settingsState.itemPalettes.get(t))||void 0===e?void 0:e.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return r.paletteViewHandler.onSelectFilter(t,o.text,"RAL")},style:{backgroundColor:o.rgb},className:A()(m.kT,i===o.text?m.pA:void 0)})}))},81081:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});o(87363);var t=o(3861);var r=o(93379),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(98106),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(9420),A=o(42951),w=o(91214),h=o(47514);const D=(0,f.Pi)((function SlideFilter(n){var e,o=n.visibleColorItems,r=n.id,i=n.deleteCurValue,l=(0,w.NP)(),d=o.map((function(n){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,h.jsx)(A.default,{id:r,item:n})}})),a=(0,h.jsx)(t.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:d,centeredSlides:!0}}});return(0,h.jsxs)("div",{className:m.nC,"data-test-id":"slide-filter",children:[(null===(e=l.settingsState.itemPalettes.get(r))||void 0===e?void 0:e.filterValue)&&(0,h.jsx)("div",{className:m.tb,onClick:i}),(0,h.jsx)("img",{className:m.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var n=l.settingsState.infoBoxContent;n&&n.id===r&&"filter"===n.type?l.settingsState.updateInfoBox():l.settingsState.updateInfoBox({type:"filter",id:r,content:a})}})]})}))},16641:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),r=o(88291),i=o(91214),l=o(9420),d=o(87363),a=o(40646),s=o(81081),u=[{rgb:"#CC3300",text:"red"},{rgb:"#FF8C00",text:"orange"},{rgb:"#E1C699",text:"beige"},{rgb:"#330000",text:"brown"},{rgb:"#F0E68C",text:"yellow"},{rgb:"#006633",text:"green"},{rgb:"#3333FF",text:"blue"},{rgb:"#6633FF",text:"violet"},{rgb:"#CCCCCC",text:"grey"},{rgb:"#000000",text:"black"},{rgb:"#eeeeee",text:"white"},{rgb:"#eeeeee",text:"else"}],c=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const p=(0,l.Pi)((function RalFilter(n){var e=Object.assign({},((0,r.Z)(n),n)),o=(0,i.NP)(),t=o.settingsState.itemPalettes.get(e.id),l=[],p=function deleteCurValue(){o.paletteViewHandler.onSelectFilter(e.id,"","RAL")};return(0,d.useEffect)((function(){!t||null!=t&&t.deleteCurFilter||(t.deleteCurFilter=p)}),[t]),null==t||t.groups.map((function(n){return n.items.map((function(n){var e,o=n;if(null!==(e=o.colorGroups1)&&void 0!==e&&e.length)for(var t=[o.colorGroups1,o.colorGroups2,o.colorGroups3],r=function _loop(){var n=t[i],e=u.find((function(e){return e.text===n}));e&&!l.find((function(e){return e.text===n}))&&l.push(e)},i=0;i<t.length;i++)r()}))})),o.uiState.isInMobileView&&o.getViewConfig().ralFilter?(0,c.jsx)(s.default,_objectSpread({deleteCurValue:p,visibleColorItems:l},e)):(0,c.jsx)(a.default,_objectSpread({deleteCurValue:p,visibleColorItems:l},e))}))},8368:(n,e,o)=>{o.d(e,{Oe:()=>v,ZP:()=>f,h1:()=>m,xX:()=>g,zl:()=>b});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i),d=o(61667),a=o.n(d),s=new URL(o(49797),o.b),u=new URL(o(24827),o.b),c=l()(r()),p=a()(s),x=a()(u);c.push([n.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("+x+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+x+");\n}\n",""]);var g="index-module--kpDq_",b="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const f=c},55116:(n,e,o)=>{o.d(e,{Mq:()=>s,YS:()=>p,ZP:()=>x,ai:()=>a,oF:()=>u,oM:()=>d,x_:()=>c});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([n.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 d="index-module--rh3_P",a="index-module--YFpyP",s="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const x=l},33625:(n,e,o)=>{o.d(e,{ZP:()=>s,kT:()=>d,pA:()=>a});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([n.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var d="index-module--ouZ0f",a="index-module--PFRaI";const s=l},98106:(n,e,o)=>{o.d(e,{Mj:()=>x,ZP:()=>b,nC:()=>p,tb:()=>g});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i),d=o(61667),a=o.n(d),s=new URL(o(90263),o.b),u=l()(r()),c=a()(s);u.push([n.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var p="index-module--Tmi2t",x="index-module--jfeai",g="index-module--WGHBP";const b=u},49797:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},90263:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="},24827:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6641,4184,2951,1081],{74184:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(72874),r=(o(87363),o(93379)),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(8368),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(65515),A=o.n(f),w=o(47514),h=["onClick","iconAsDelete","open"];const D=function Arrow(n){var e=n.onClick,o=n.iconAsDelete,r=n.open,i=(0,t.Z)(n,h);return(0,w.jsx)("span",{onClick:e,onTouchEnd:e,className:A()(m.xX,o?m.zl:void 0,o?void 0:r?m.h1:m.Oe,i.className)})}},40646:(n,e,o)=>{o.r(e),o.d(e,{default:()=>C});o(87363);var t=o(10304),r=o(93379),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(55116),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(88683),A=o(25443),w=o(65515),h=o.n(w),D=o(74184),P=o(47514);const C=function RalDropdownFilter(n){var e,o=n.visibleColorItems,r=n.dropdownRootClass,i=void 0===r?m.oF:r,l=n.deleteCurValue,d=n.id,a=(0,f.useTranslation)().t,s=(0,A.NP)(),u=null===(e=s.settingsState.itemPalettes.get(d))||void 0===e?void 0:e.filterValue,c=o.map((function(n){return{label:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("span",{className:m.oM,style:{backgroundColor:n.rgb}})," ",a("configurator."+n.text)]}),text:n.text,value:n.text}}));return(0,P.jsx)("div",{className:h()(m.YS,s.uiState.isInMobileView?m.ai:void 0,s.uiState.isTablet?m.Mq:void 0),"data-test-id":"ral-dropdown",children:(0,P.jsx)(t.Z,{className:h()(i),controlClassName:m.x_,options:c,value:u,onChange:function onChange(n){return s.paletteViewHandler.onSelectFilter(d,n.value,"RAL")},placeholder:a("configurator.colors"),arrowClosed:(0,P.jsx)(D.default,{onClick:l,open:!1,iconAsDelete:!!u}),arrowOpen:(0,P.jsx)(D.default,{onClick:l,open:!0,iconAsDelete:!!u})})})}},42951:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});var t=o(9420),r=(o(87363),o(93379)),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(33625),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(65515),A=o.n(f),w=o(25443),h=o(47514);const D=(0,t.Pi)((function FilterItem(n){var e,o=n.item,t=n.id,r=(0,w.NP)(),i=null===(e=r.settingsState.itemPalettes.get(t))||void 0===e?void 0:e.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return r.paletteViewHandler.onSelectFilter(t,o.text,"RAL")},style:{backgroundColor:o.rgb},className:A()(m.kT,i===o.text?m.pA:void 0)})}))},81081:(n,e,o)=>{o.r(e),o.d(e,{default:()=>D});o(87363);var t=o(3861);var r=o(93379),i=o.n(r),l=o(7795),d=o.n(l),a=o(90569),s=o.n(a),u=o(3565),c=o.n(u),p=o(19216),x=o.n(p),g=o(44589),b=o.n(g),m=o(98106),v={};v.styleTagTransform=b(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var f=o(9420),A=o(42951),w=o(25443),h=o(47514);const D=(0,f.Pi)((function SlideFilter(n){var e,o=n.visibleColorItems,r=n.id,i=n.deleteCurValue,l=(0,w.NP)(),d=o.map((function(n){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,h.jsx)(A.default,{id:r,item:n})}})),a=(0,h.jsx)(t.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:d,centeredSlides:!0}}});return(0,h.jsxs)("div",{className:m.nC,"data-test-id":"slide-filter",children:[(null===(e=l.settingsState.itemPalettes.get(r))||void 0===e?void 0:e.filterValue)&&(0,h.jsx)("div",{className:m.tb,onClick:i}),(0,h.jsx)("img",{className:m.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var n=l.settingsState.infoBoxContent;n&&n.id===r&&"filter"===n.type?l.settingsState.updateInfoBox():l.settingsState.updateInfoBox({type:"filter",id:r,content:a})}})]})}))},16641:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),r=o(88291),i=o(25443),l=o(9420),d=o(87363),a=o(40646),s=o(81081),u=[{rgb:"#CC3300",text:"red"},{rgb:"#FF8C00",text:"orange"},{rgb:"#E1C699",text:"beige"},{rgb:"#330000",text:"brown"},{rgb:"#F0E68C",text:"yellow"},{rgb:"#006633",text:"green"},{rgb:"#3333FF",text:"blue"},{rgb:"#6633FF",text:"violet"},{rgb:"#CCCCCC",text:"grey"},{rgb:"#000000",text:"black"},{rgb:"#eeeeee",text:"white"},{rgb:"#eeeeee",text:"else"}],c=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const p=(0,l.Pi)((function RalFilter(n){var e=Object.assign({},((0,r.Z)(n),n)),o=(0,i.NP)(),t=o.settingsState.itemPalettes.get(e.id),l=[],p=function deleteCurValue(){o.paletteViewHandler.onSelectFilter(e.id,"","RAL")};return(0,d.useEffect)((function(){!t||null!=t&&t.deleteCurFilter||(t.deleteCurFilter=p)}),[t]),null==t||t.groups.map((function(n){return n.items.map((function(n){var e,o=n;if(null!==(e=o.colorGroups1)&&void 0!==e&&e.length)for(var t=[o.colorGroups1,o.colorGroups2,o.colorGroups3],r=function _loop(){var n=t[i],e=u.find((function(e){return e.text===n}));e&&!l.find((function(e){return e.text===n}))&&l.push(e)},i=0;i<t.length;i++)r()}))})),o.uiState.isInMobileView&&o.getViewConfig().ralFilter?(0,c.jsx)(s.default,_objectSpread({deleteCurValue:p,visibleColorItems:l},e)):(0,c.jsx)(a.default,_objectSpread({deleteCurValue:p,visibleColorItems:l},e))}))},8368:(n,e,o)=>{o.d(e,{Oe:()=>v,ZP:()=>f,h1:()=>m,xX:()=>g,zl:()=>b});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i),d=o(61667),a=o.n(d),s=new URL(o(49797),o.b),u=new URL(o(24827),o.b),c=l()(r()),p=a()(s),x=a()(u);c.push([n.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("+x+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+x+");\n}\n",""]);var g="index-module--kpDq_",b="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const f=c},55116:(n,e,o)=>{o.d(e,{Mq:()=>s,YS:()=>p,ZP:()=>x,ai:()=>a,oF:()=>u,oM:()=>d,x_:()=>c});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([n.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 d="index-module--rh3_P",a="index-module--YFpyP",s="index-module--vbcLk",u="index-module--kEhTd",c="index-module--qJ16N",p="index-module--EzQnl";const x=l},33625:(n,e,o)=>{o.d(e,{ZP:()=>s,kT:()=>d,pA:()=>a});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([n.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var d="index-module--ouZ0f",a="index-module--PFRaI";const s=l},98106:(n,e,o)=>{o.d(e,{Mj:()=>x,ZP:()=>b,nC:()=>p,tb:()=>g});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i),d=o(61667),a=o.n(d),s=new URL(o(90263),o.b),u=l()(r()),c=a()(s);u.push([n.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var p="index-module--Tmi2t",x="index-module--jfeai",g="index-module--WGHBP";const b=u},49797:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},90263:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="},24827:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 67.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[67],{67:(n,e,d)=>{d.r(e),d.d(e,{default:()=>u});d(87363);var i=d(88683),o=d(22881),l=d(9420),x=d(47514);const u=(0,l.Pi)((function index(n){var e=n.selAccItem,d=(0,i.useTranslation)().t;return(0,x.jsx)(x.Fragment,{children:e?(0,x.jsxs)("div",{className:o.o5,children:[(0,x.jsx)("img",{src:e.image}),(0,x.jsxs)("div",{className:o.um,children:[d("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,x.jsx)("b",{dangerouslySetInnerHTML:{__html:e.name}})," "+d("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,x.jsx)("b",{children:e.cellSize}),d("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,x.jsxs)("div",{className:o.o5,children:[(0,x.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,x.jsx)("div",{className:o.um,children:d("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},92800:(n,e,d)=>{d.d(e,{Ah:()=>E,Ev:()=>H,Kp:()=>y,QL:()=>P,ZP:()=>S,Zh:()=>p,dx:()=>g,ne:()=>L,o5:()=>M,s0:()=>h,u2:()=>v,um:()=>Z,vU:()=>A,wX:()=>I,zh:()=>b});var i=d(8081),o=d.n(i),l=d(23645),x=d.n(l),u=d(61667),t=d.n(u),m=new URL(d(60267),d.b),r=new URL(d(18343),d.b),a=x()(o()),s=t()(m),c=t()(r);a.push([n.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+s+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+c+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var g="index-module--Bn7HL",A="index-module--HEzIS",h="index-module--_WYy_",b="index-module--OxqYJ",I="index-module--rPMZf",p="index-module--TXuNM",H="index-module--HGACp",P="index-module--HDgVo",M="index-module--y8DIz",Z="index-module--Q2pqI",y="index-module--sJPn7",L="index-module--bdb6c",v="index-module--AJXPG",E="index-module--vl80_";const S=a},22881:(n,e,d)=>{d.d(e,{Ah:()=>A.Ah,Ev:()=>A.Ev,Kp:()=>A.Kp,QL:()=>A.QL,Zh:()=>A.Zh,dx:()=>A.dx,ne:()=>A.ne,o5:()=>A.o5,s0:()=>A.s0,u2:()=>A.u2,um:()=>A.um,vU:()=>A.vU,wX:()=>A.wX,zh:()=>A.zh});var i=d(93379),o=d.n(i),l=d(7795),x=d.n(l),u=d(90569),t=d.n(u),m=d(3565),r=d.n(m),a=d(19216),s=d.n(a),c=d(44589),g=d.n(c),A=d(92800),h={};h.styleTagTransform=g(),h.setAttributes=r(),h.insert=t().bind(null,"head"),h.domAPI=x(),h.insertStyleElement=s();o()(A.ZP,h),A.ZP&&A.ZP.locals&&A.ZP.locals},60267:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[67],{67:(n,e,d)=>{d.r(e),d.d(e,{default:()=>x});d(87363);var i=d(88683),o=d(22881),l=d(9420),t=d(47514);const x=(0,l.Pi)((function index(n){var e=n.selAccItem,d=(0,i.useTranslation)().t;return(0,t.jsx)(t.Fragment,{children:e?(0,t.jsxs)("div",{className:o.o5,children:[(0,t.jsx)("img",{src:e.image}),(0,t.jsxs)("div",{className:o.um,children:[d("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,t.jsx)("b",{dangerouslySetInnerHTML:{__html:e.name}})," "+d("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,t.jsx)("b",{children:e.cellSize}),d("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,t.jsxs)("div",{className:o.o5,children:[(0,t.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,t.jsx)("div",{className:o.um,children:d("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},92800:(n,e,d)=>{d.d(e,{Ah:()=>M,C:()=>Z,Ev:()=>P,Kp:()=>S,QL:()=>H,ZP:()=>L,Zh:()=>I,dx:()=>g,ne:()=>v,o5:()=>f,s0:()=>p,u2:()=>w,um:()=>y,vU:()=>h,wX:()=>b,zh:()=>A});var i=d(8081),o=d.n(i),l=d(23645),t=d.n(l),x=d(61667),r=d.n(x),a=new URL(d(60267),d.b),m=new URL(d(18343),d.b),u=t()(o()),s=r()(a),c=r()(m);u.push([n.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+s+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+c+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n\n/* Phones: more, smaller accessory tiles per row - the palette shares the screen with the 3D view. */\n.index-module--xTSgd {\n  --gridSize: 84px;\n  --gridGap: 8px;\n}\n\n/* Phone portrait: four tiles per row. */\n@media (max-width: 599px) {\n  .index-module--HDgVo.index-module--xTSgd {\n    --gridGap: 6px;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n/* An empty row after the last tiles, so the floating next button never covers a title. A row rather than\n   padding: the grid's height is fixed and the tiles overflow it, so only an item extends the scroll range. */\n.index-module--xTSgd::after {\n  content: '';\n  grid-column: 1 / -1;\n  height: 48px;\n}\n",""]);var g="index-module--Bn7HL",h="index-module--HEzIS",p="index-module--_WYy_",A="index-module--OxqYJ",b="index-module--rPMZf",I="index-module--TXuNM",P="index-module--HGACp",H="index-module--HDgVo",f="index-module--y8DIz",y="index-module--Q2pqI",S="index-module--sJPn7",v="index-module--bdb6c",w="index-module--AJXPG",M="index-module--vl80_",Z="index-module--xTSgd";const L=u},22881:(n,e,d)=>{d.d(e,{Ah:()=>h.Ah,C:()=>h.C,Ev:()=>h.Ev,Kp:()=>h.Kp,QL:()=>h.QL,Zh:()=>h.Zh,dx:()=>h.dx,ne:()=>h.ne,o5:()=>h.o5,s0:()=>h.s0,u2:()=>h.u2,um:()=>h.um,vU:()=>h.vU,wX:()=>h.wX,zh:()=>h.zh});var i=d(93379),o=d.n(i),l=d(7795),t=d.n(l),x=d(90569),r=d.n(x),a=d(3565),m=d.n(a),u=d(19216),s=d.n(u),c=d(44589),g=d.n(c),h=d(92800),p={};p.styleTagTransform=g(),p.setAttributes=m(),p.insert=r().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=s();o()(h.ZP,p),h.ZP&&h.ZP.locals&&h.ZP.locals},60267:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6706.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6706,3340],{36706:(n,e,d)=>{d.r(e),d.d(e,{default:()=>f});var i=d(9420),o=d(91214),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),h=d(19216),c=d.n(h),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=c();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(43340),k=d(47514);const f=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,k.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,k.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,k.jsx)(k.Fragment,{})}))},43340:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(91214),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),h=d.n(u),c=d(3565),p=d.n(c),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),k=d(40582),f={};f.styleTagTransform=S(),f.setAttributes=p(),f.insert=h().bind(null,"head"),f.domAPI=m(),f.insertStyleElement=v();a()(k.ZP,f);k.ZP&&k.ZP.locals&&k.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:k.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?k.pA:void 0),children:(0,N.jsxs)("div",{className:o()(k.be),children:[(0,N.jsx)("div",{className:o()(k.ro),children:(0,N.jsx)("div",{className:k.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(k.TN,i.url?void 0:k.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 540;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>c,be:()=>s,dd:()=>h,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--tKx94 {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--tKx94:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--tKx94:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--tKx94 {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--tKx94",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",h="index-module--gW15v";const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6706,3340],{36706:(n,e,d)=>{d.r(e),d.d(e,{default:()=>f});var i=d(9420),o=d(25443),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),h=d(19216),c=d.n(h),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=c();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(43340),k=d(47514);const f=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,k.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,k.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,k.jsx)(k.Fragment,{})}))},43340:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(25443),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),h=d.n(u),c=d(3565),p=d.n(c),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),k=d(40582),f={};f.styleTagTransform=S(),f.setAttributes=p(),f.insert=h().bind(null,"head"),f.domAPI=m(),f.insertStyleElement=v();a()(k.ZP,f);k.ZP&&k.ZP.locals&&k.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:k.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?k.pA:void 0),children:(0,N.jsxs)("div",{className:o()(k.be),children:[(0,N.jsx)("div",{className:o()(k.ro),children:(0,N.jsx)("div",{className:k.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(k.TN,i.url?void 0:k.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 540;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>c,be:()=>s,dd:()=>h,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--tKx94 {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--tKx94:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--tKx94:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\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--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--tKx94 {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--tKx94",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",h="index-module--gW15v";const c=l}}]);