@crystaldesign/diva-web-planner-react 26.3.0-beta.33 → 26.3.0-beta.35

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7519.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7519,9154],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),x=o(65734);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(o,i){return(0,m.jsx)(h,{"data-testid":`${n}Icon`,ref:i,...o,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(63762),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},75686:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(63762),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(7318),k=o(29154),I=o(88683),B=o(98544),O=o(48657),Z=o(68101),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,I.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},N=void 0,D=!1,G={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),R=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(D=E[0],G=E[1],w=R.triggerProps,z=R.layerProps,N=R.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),G),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(O.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(Z.default,{item:m,paletteId:a}),D&&(null===(o=N)||void 0===o?void 0:o((0,M.jsx)(P.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\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}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\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: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7519,9154],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),x=o(65734);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(o,i){return(0,m.jsx)(h,{"data-testid":`${n}Icon`,ref:i,...o,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(38946),t=o(63762),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},75686:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(80248),t=o(38946),r=o(65515),l=o.n(r),d=o(63762),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(7318),k=o(29154),I=o(88683),B=o(98544),O=o(48657),Z=o(68101),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,I.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},N=void 0,D=!1,G={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),R=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(D=E[0],G=E[1],w=R.triggerProps,z=R.layerProps,N=R.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),G),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(O.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(Z.default,{item:m,paletteId:a}),D&&(null===(o=N)||void 0===o?void 0:o((0,M.jsx)(P.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\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}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\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: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7522.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7522,7678,8291,152,58],{65526:(n,e,t)=>{"use strict";var o=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,n.exports=function(){function shim(n,e,t,i,r,a){if(a!==o){var c=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 c.name="Invariant Violation",c}}function getShim(){return shim}shim.isRequired=shim;var n={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return n.PropTypes=n,n}},36653:(n,e,t)=>{n.exports=t(65526)()},65807:n=>{"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},61730:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>C});var o=t(34988),i=(t(87363),t(93379)),r=t.n(i),a=t(7795),c=t.n(a),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),m=t(19216),p=t.n(m),g=t(44589),x=t.n(g),y=t(59318),f={};f.styleTagTransform=x(),f.setAttributes=u(),f.insert=l().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=p();r()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=t(63762),h=t(9420),w=t(63344),v=t(88683),k=t(47514);const C=(0,h.Pi)((function Toolbar(n){var e,t,i,r,a=(0,b.NP)(),c=null!==(e=null===(t=a.divaWebPlanner)||void 0===t||null===(i=t.getDivaArticles)||void 0===i?void 0:i.call(t,void 0,!0))&&void 0!==e?e:{},d=Object.values(c).flatMap((function(n){var e;return null!==(e=n.dataCreationErrors)&&void 0!==e?e:[]})),l=d.filter((function(n){var e;return"error"===(null!==(e=n.severity)&&void 0!==e?e:"error")})).length,s=d.filter((function(n){return"warning"===n.severity})).length+a.productState.plannerMessagesArr.filter((function(n){return"WARNING"===(0,o.Z)(n,2)[1].type})).length,u=a.productState.plannerMessagesArr.filter((function(n){return"INFO"===(0,o.Z)(n,2)[1].type})).length,m=(0,v.useDivaCore)().state.organization.settings.wwsClient,p=function toggleWindow(n){a.wysiwygDebugState.activeWysiwygWindows.has(n)?a.wysiwygDebugState.removeWysiwygWindow(n):a.wysiwygDebugState.addWysiwygWindow(n)},g=function isActive(n){return a.wysiwygDebugState.activeWysiwygWindows.has(n)},x=function handleInspectViewChange(){var n=!a.wysiwygDebugState.wysiwygInspectView;a.wysiwygDebugState.setWysiwygInspectView(n);var e=a.divaWebPlanner.actSet();e&&(e.inspectMode=n),a.divaWebPlanner.updateConfiguratorStructureOfActSet(),a.paletteViewHandler.updateCurPaletteData(!0)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(w.default,{}),(0,k.jsxs)("div",{className:y.nC,children:[(0,k.jsx)("div",{className:y.wc,children:v.DivaUtils.formatPrice(null!==(r=a.productState.formatedTotalPrice)&&void 0!==r?r:0,a.productState.priceFormat)}),(0,k.jsx)("div",{className:a.wysiwygDebugState.wysiwygInspectView?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:x,role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&x()},children:"Inspect"}),(0,k.jsx)("div",{className:g("PartList")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("PartList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("PartList")},children:"Stückliste"}),(0,k.jsx)("div",{className:g("PriceAnalyzer")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("PriceAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("PriceAnalyzer")},children:"Preise"}),(0,k.jsx)("div",{className:g("DecisionAnalyzer")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("DecisionAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("DecisionAnalyzer")},children:"Decisions"}),(0,k.jsx)("div",{className:g("OptionTreeTable")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("OptionTreeTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("OptionTreeTable")},children:"Option Tree"}),(0,k.jsxs)("div",{className:g("ErrorWarningOverview")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("ErrorWarningOverview")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("ErrorWarningOverview")},children:["Errors & Warnings",l>0&&(0,k.jsx)("span",{className:"".concat(y.R0," ").concat(y.MR),children:l}),s>0&&(0,k.jsx)("span",{className:"".concat(y.R0," ").concat(y.lG),children:s}),0===l&&0===s&&u>0&&(0,k.jsx)("span",{className:"".concat(y.R0," ").concat(y.lG),children:u})]}),"Pfister"===m&&(0,k.jsx)("div",{className:g("ekText")?"".concat(y.wc," ").concat(y.PN):y.wc,onClick:function onClick(){return p("ekText")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("ekText")},children:"Ek Text"})]})]})}))},59318:(n,e,t)=>{"use strict";t.d(e,{MR:()=>u,PN:()=>l,R0:()=>s,ZP:()=>p,lG:()=>m,nC:()=>c,wc:()=>d});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.index-module--CjTaL:hover {\n  background-color: #e8e8e8;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--z6W5t {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.index-module--z6W5t:hover {\n  background-color: #d5d5d5;\n}\n\n.index-module--HBYLX {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.index-module--MsIUk {\n  background-color: #e53e3e;\n}\n\n.index-module--XRYnB {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--lxloL,\nbody.darkmode .index-module--lxloL {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .index-module--CjTaL:hover,\nbody.darkmode .index-module--CjTaL:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .index-module--z6W5t,\nbody.darkmode .index-module--z6W5t {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .index-module--z6W5t:hover,\nbody.darkmode .index-module--z6W5t:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n",""]);var c="index-module--lxloL",d="index-module--CjTaL",l="index-module--z6W5t",s="index-module--HBYLX",u="index-module--MsIUk",m="index-module--XRYnB";const p=a},27557:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},88291:(n,e,t)=>{"use strict";function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7522,7678,8291,152,58],{65526:(n,e,t)=>{"use strict";var o=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,n.exports=function(){function shim(n,e,t,i,r,a){if(a!==o){var c=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 c.name="Invariant Violation",c}}function getShim(){return shim}shim.isRequired=shim;var n={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return n.PropTypes=n,n}},36653:(n,e,t)=>{n.exports=t(65526)()},65807:n=>{"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},61730:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>C});var o=t(38946),i=(t(87363),t(93379)),r=t.n(i),a=t(7795),c=t.n(a),l=t(90569),d=t.n(l),s=t(3565),u=t.n(s),m=t(19216),p=t.n(m),g=t(44589),y=t.n(g),x=t(59318),f={};f.styleTagTransform=y(),f.setAttributes=u(),f.insert=d().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=p();r()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var b=t(63762),w=t(9420),h=t(63344),v=t(88683),k=t(47514);const C=(0,w.Pi)((function Toolbar(n){var e,t,i,r,a=(0,b.NP)(),c=null!==(e=null===(t=a.divaWebPlanner)||void 0===t||null===(i=t.getDivaArticles)||void 0===i?void 0:i.call(t,void 0,!0))&&void 0!==e?e:{},l=Object.values(c).flatMap((function(n){var e;return null!==(e=n.dataCreationErrors)&&void 0!==e?e:[]})),d=l.filter((function(n){var e;return"error"===(null!==(e=n.severity)&&void 0!==e?e:"error")})).length,s=l.filter((function(n){return"warning"===n.severity})).length+a.productState.plannerMessagesArr.filter((function(n){return"WARNING"===(0,o.Z)(n,2)[1].type})).length,u=a.productState.plannerMessagesArr.filter((function(n){return"INFO"===(0,o.Z)(n,2)[1].type})).length,m=(0,v.useDivaCore)().state.organization.settings.wwsClient,p=function toggleWindow(n){a.wysiwygDebugState.activeWysiwygWindows.has(n)?a.wysiwygDebugState.removeWysiwygWindow(n):a.wysiwygDebugState.addWysiwygWindow(n)},g=function isActive(n){return a.wysiwygDebugState.activeWysiwygWindows.has(n)},y=function handleInspectViewChange(){var n=!a.wysiwygDebugState.wysiwygInspectView;a.wysiwygDebugState.setWysiwygInspectView(n);var e=a.divaWebPlanner.actSet();e&&(e.inspectMode=n),a.divaWebPlanner.updateConfiguratorStructureOfActSet(),a.paletteViewHandler.updateCurPaletteData(!0)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(h.default,{}),(0,k.jsxs)("div",{className:x.nC,children:[(0,k.jsx)("div",{className:x.wc,children:v.DivaUtils.formatPrice(null!==(r=a.productState.formatedTotalPrice)&&void 0!==r?r:0,a.productState.priceFormat)}),(0,k.jsx)("div",{className:a.wysiwygDebugState.wysiwygInspectView?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:y,role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y()},children:"Inspect"}),(0,k.jsx)("div",{className:g("PartList")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("PartList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("PartList")},children:"Stückliste"}),(0,k.jsx)("div",{className:g("PriceAnalyzer")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("PriceAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("PriceAnalyzer")},children:"Preise"}),(0,k.jsx)("div",{className:g("PriceList")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("PriceList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("PriceList")},children:"Preisliste"}),(0,k.jsx)("div",{className:g("DecisionAnalyzer")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("DecisionAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("DecisionAnalyzer")},children:"Decisions"}),(0,k.jsx)("div",{className:g("OptionTreeTable")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("OptionTreeTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("OptionTreeTable")},children:"Option Tree"}),(0,k.jsxs)("div",{className:g("ErrorWarningOverview")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("ErrorWarningOverview")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("ErrorWarningOverview")},children:["Errors & Warnings",d>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.MR),children:d}),s>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.lG),children:s}),0===d&&0===s&&u>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.lG),children:u})]}),"Pfister"===m&&(0,k.jsx)("div",{className:g("ekText")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return p("ekText")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p("ekText")},children:"Ek Text"})]})]})}))},59318:(n,e,t)=>{"use strict";t.d(e,{MR:()=>u,PN:()=>d,R0:()=>s,ZP:()=>p,lG:()=>m,nC:()=>c,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.index-module--CjTaL:hover {\n  background-color: #e8e8e8;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--z6W5t {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.index-module--z6W5t:hover {\n  background-color: #d5d5d5;\n}\n\n.index-module--HBYLX {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.index-module--MsIUk {\n  background-color: #e53e3e;\n}\n\n.index-module--XRYnB {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--lxloL,\nbody.darkmode .index-module--lxloL {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .index-module--CjTaL:hover,\nbody.darkmode .index-module--CjTaL:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .index-module--z6W5t,\nbody.darkmode .index-module--z6W5t {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .index-module--z6W5t:hover,\nbody.darkmode .index-module--z6W5t:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n",""]);var c="index-module--lxloL",l="index-module--CjTaL",d="index-module--z6W5t",s="index-module--HBYLX",u="index-module--MsIUk",m="index-module--XRYnB";const p=a},27557:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},88291:(n,e,t)=>{"use strict";function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7541.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,7297,9211,1051],{47297:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var t=i(9420),o=i(63762),d=i(65515),l=i.n(d),a=i(93379),r=i.n(a),s=i(7795),u=i.n(s),x=i(90569),c=i.n(x),m=i(3565),p=i.n(m),g=i(19216),f=i.n(g),h=i(44589),b=i.n(h),v=i(91642),I={};I.styleTagTransform=b(),I.setAttributes=p(),I.insert=c().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=f();r()(v.ZP,I);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(47514);const M=(0,t.Pi)((function StyleIndicator(){var n,e=(0,o.NP)(),i=e.aiState,t=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),d=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)||void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return d&&t?(0,y.jsxs)("li",{className:l()(v.H3,e.getIsInMobileView()&&!e.uiState.isTablet?v.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(t.configStep.key)},children:[(0,y.jsx)("div",{className:v.vz,children:(0,y.jsx)("img",{src:d.image,alt:d.name})}),(!e.getIsInMobileView()||e.uiState.isTablet)&&(0,y.jsx)("span",{className:v.ZS,children:d.name})]}):(0,y.jsx)(y.Fragment,{})}))},9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(63762),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),r=i.n(a),s=i(90569),u=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=p();l()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(39667),I=i(64263),y=i(19047),M=i(65515),w=i.n(M),S=i(88683),N=i(47297),j=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,S.useTranslation)().t;return(0,j.jsxs)("ul",{className:w()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,j.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,j.jsx)("li",{className:w()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,o)},children:(0,j.jsx)(v.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(65515),o=i.n(t),d=i(63762),l=i(9420),a=(i(87363),i(88683)),r=i(9211),s=i(93379),u=i.n(s),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),b=i.n(h),v=i(44589),I=i.n(v),y=i(26876),M={};M.styleTagTransform=I(),M.setAttributes=f(),M.insert=p().bind(null,"head"),M.domAPI=c(),M.insertStyleElement=b();u()(y.ZP,M);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=i(16751),S=i(83485),N=i(8002),j=i(56340),z=i(47514),D=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,t,l,s,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,b=f.settingsState.bbox,v=(0,a.useDivaCore)(),I=v.state,M=I.hidePrices,P=I.dimensions,k=P.isMobile,C=(P.isTablet,I.navigationConfiguration),Z=C.enableMobile,A=C.hideHeader,T=v.actions.openSideMenu,G=k&&Z&&!A,B=f.getViewConfig().productHeaderContentBox,H=(0,S.W)(),L=H.dimensions,V=H.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),E=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,K=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!k;return(0,z.jsxs)("div",{className:o()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,E?y.y6:void 0,y.Gr),children:[G&&(0,z.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return T()}}),(0,z.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,z.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,z.jsxs)("div",{className:y.NG,children:[!M&&!p&&(0,z.jsxs)("div",{className:y.u$,children:[(0,z.jsx)("span",{className:o()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,z.jsx)(j.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,z.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,z.jsx)(j.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),K&&(0,z.jsxs)(z.Fragment,{children:[(null!==(t=null==b?void 0:b.X)&&void 0!==t?t:0)>0&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,z.jsxs)("span",{children:[null!==(l=null==b?void 0:b.X)&&void 0!==l?l:-1," × ",null!==(s=null==b?void 0:b.Y)&&void 0!==s?s:-1," × ",null!==(u=null==b?void 0:b.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==b?void 0:b.wOLT)&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,z.jsxs)("span",{children:[null!==(x=null==b?void 0:b.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==b?void 0:b.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==b?void 0:b.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(K||!k)&&!(null==L||!L.length)&&L.map((function(n){var e,i;return(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!V&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,z.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,z.jsx)("div",{className:y.AJ,children:(0,z.jsx)(r.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){D.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),B&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(w.p,{settings:{contentBoxProps:B}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(63762),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],r=(0,o.useState)(!1),s=(0,t.Z)(r,2),u=s[0],x=s[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(63762),r=i(9420),s=i(47514);const u=(0,r.Pi)((function PriceCounter(n){var e,i,r=n.price,u=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),b=(0,t.Z)(h,2),v=b[0],I=b[1],y=(0,a.NP)();return(0,d.useEffect)((function(){f(r)}),[r]),(0,s.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:v,formattingFn:function formattingFn(n){return u?u(n):o.DivaUtils.formatPrice(n,y.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){I(g)}})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>a,ZP:()=>x,ZS:()=>u,ai:()=>r,vz:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 12px 4px 4px;\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  -webkit-backdrop-filter: blur(6px);\n          backdrop-filter: blur(6px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n          backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--qGOOk {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--_kJVt",u="index-module--qGOOk";const x=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>s,ai:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",r="index-module--EY0yA";const s=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>z,MB:()=>S,Mq:()=>j,NG:()=>I,YS:()=>c,YT:()=>D,ZP:()=>P,Zk:()=>v,az:()=>b,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>M,xk:()=>w,y6:()=>N,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),r=i.n(a),s=new URL(i(36047),i.b),u=l()(o()),x=r()(s);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\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  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\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--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",b="index-module--lRnbu",v="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",M="index-module--luGNt",w="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",j="index-module--wJ4__",z="index-module--Jnc8i",D="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,7297,9211,1051],{47297:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var t=i(9420),o=i(63762),d=i(65515),l=i.n(d),a=i(93379),r=i.n(a),s=i(7795),u=i.n(s),x=i(90569),c=i.n(x),m=i(3565),p=i.n(m),g=i(19216),f=i.n(g),h=i(44589),b=i.n(h),v=i(91642),I={};I.styleTagTransform=b(),I.setAttributes=p(),I.insert=c().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=f();r()(v.ZP,I);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(47514);const M=(0,t.Pi)((function StyleIndicator(){var n,e=(0,o.NP)(),i=e.aiState,t=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),d=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)||void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return d&&t?(0,y.jsxs)("li",{className:l()(v.H3,e.getIsInMobileView()&&!e.uiState.isTablet?v.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(t.configStep.key)},children:[(0,y.jsx)("div",{className:v.vz,children:(0,y.jsx)("img",{src:d.image,alt:d.name})}),(!e.getIsInMobileView()||e.uiState.isTablet)&&(0,y.jsx)("span",{className:v.ZS,children:d.name})]}):(0,y.jsx)(y.Fragment,{})}))},9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(63762),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),r=i.n(a),s=i(90569),u=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=p();l()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(39667),I=i(64263),y=i(19047),M=i(65515),w=i.n(M),S=i(88683),N=i(47297),j=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,S.useTranslation)().t;return(0,j.jsxs)("ul",{className:w()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,j.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,j.jsx)("li",{className:w()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,o)},children:(0,j.jsx)(v.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(65515),o=i.n(t),d=i(63762),l=i(9420),a=(i(87363),i(88683)),r=i(9211),s=i(93379),u=i.n(s),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),b=i.n(h),v=i(44589),I=i.n(v),y=i(26876),M={};M.styleTagTransform=I(),M.setAttributes=f(),M.insert=p().bind(null,"head"),M.domAPI=c(),M.insertStyleElement=b();u()(y.ZP,M);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=i(16751),S=i(83485),N=i(8002),j=i(56340),z=i(47514),D=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,t,l,s,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,b=f.settingsState.bbox,v=(0,a.useDivaCore)(),I=v.state,M=I.hidePrices,P=I.dimensions,k=P.isMobile,C=(P.isTablet,I.navigationConfiguration),Z=C.enableMobile,A=C.hideHeader,T=v.actions.openSideMenu,G=k&&Z&&!A,B=f.getViewConfig().productHeaderContentBox,H=(0,S.W)(),L=H.dimensions,V=H.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),E=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,K=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!k;return(0,z.jsxs)("div",{className:o()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,E?y.y6:void 0,y.Gr),children:[G&&(0,z.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return T()}}),(0,z.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,z.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,z.jsxs)("div",{className:y.NG,children:[!M&&!p&&(0,z.jsxs)("div",{className:y.u$,children:[(0,z.jsx)("span",{className:o()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,z.jsx)(j.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,z.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,z.jsx)(j.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),K&&(0,z.jsxs)(z.Fragment,{children:[(null!==(t=null==b?void 0:b.X)&&void 0!==t?t:0)>0&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,z.jsxs)("span",{children:[null!==(l=null==b?void 0:b.X)&&void 0!==l?l:-1," × ",null!==(s=null==b?void 0:b.Y)&&void 0!==s?s:-1," × ",null!==(u=null==b?void 0:b.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==b?void 0:b.wOLT)&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,z.jsxs)("span",{children:[null!==(x=null==b?void 0:b.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==b?void 0:b.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==b?void 0:b.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(K||!k)&&!(null==L||!L.length)&&L.map((function(n){var e,i;return(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!V&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,z.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,z.jsx)("div",{className:y.AJ,children:(0,z.jsx)(r.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){D.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n})}})}),B&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(w.p,{settings:{contentBoxProps:B}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(38946),o=i(87363),d=i(63762),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],r=(0,o.useState)(!1),s=(0,t.Z)(r,2),u=s[0],x=s[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var t=i(38946),o=i(88683),d=i(87363),l=i(7501),a=i(63762),r=i(9420),s=i(47514);const u=(0,r.Pi)((function PriceCounter(n){var e,i,r=n.price,u=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),b=(0,t.Z)(h,2),v=b[0],I=b[1],y=(0,a.NP)();return(0,d.useEffect)((function(){f(r)}),[r]),(0,s.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:v,formattingFn:function formattingFn(n){return u?u(n):o.DivaUtils.formatPrice(n,y.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){I(g)}})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>a,ZP:()=>x,ZS:()=>u,ai:()=>r,vz:()=>s});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 12px 4px 4px;\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  -webkit-backdrop-filter: blur(6px);\n          backdrop-filter: blur(6px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n          backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--qGOOk {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--_kJVt",u="index-module--qGOOk";const x=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>s,ai:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",r="index-module--EY0yA";const s=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>z,MB:()=>S,Mq:()=>j,NG:()=>I,YS:()=>c,YT:()=>D,ZP:()=>P,Zk:()=>v,az:()=>b,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>M,xk:()=>w,y6:()=>N,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),r=i.n(a),s=new URL(i(36047),i.b),u=l()(o()),x=r()(s);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\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  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\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--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",b="index-module--lRnbu",v="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",M="index-module--luGNt",w="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",j="index-module--wJ4__",z="index-module--Jnc8i",D="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7762,4133,9596],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var r=t(80248),i=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function SettingsHeader(e){return(0,o.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},47762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),l=t.n(a),d=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),f=t.n(x),b=t(90569),g=t.n(b),m=t(3565),h=t.n(m),y=t(19216),j=t.n(y),O=t(44589),v=t.n(O),w=t(18135),P={};P.styleTagTransform=v(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=j();p()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(63762),C=t(9420),D=t(74133),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,C.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,S.NP)(),x=(0,d.useRef)(null),f=a.groups[0].items,b=(0,d.useState)(f[0].freeTextLang),g=(0,o.Z)(b,2),m=g[0],h=g[1],y=function(){var e=(0,r.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),j=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,k.jsxs)("div",{className:w.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,k.jsx)("div",{className:c()(w.eR,w.TN,w.t$),children:(0,k.jsx)(D.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,k.jsx)("div",{className:c()(w.eR,w.F2),children:j.length?(0,k.jsx)(k.Fragment,{children:j.map((function(e){return(0,k.jsxs)("div",{className:w.t,children:[(0,k.jsx)("div",{className:w.kA,children:e}),(0,k.jsx)("input",{className:w.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return y(e,n)}),500),h(_objectSpread(_objectSpread({},m),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==m?void 0:m[e]})]},e)}))}):(0,k.jsx)("div",{children:(0,k.jsx)("input",{className:w.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",s))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>d,TN:()=>s,ZP:()=>b,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB: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--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",d="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",f="index-module--HL0mI";const b=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7762,4133,9596],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var r=t(80248),i=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function SettingsHeader(e){return(0,o.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},47762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(84658),i=t(80248),o=t(38946),a=t(50747),l=t.n(a),d=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),f=t.n(x),b=t(90569),g=t.n(b),m=t(3565),h=t.n(m),y=t(19216),j=t.n(y),O=t(44589),v=t.n(O),w=t(18135),P={};P.styleTagTransform=v(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=j();p()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(63762),C=t(9420),D=t(74133),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,C.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,S.NP)(),x=(0,d.useRef)(null),f=a.groups[0].items,b=(0,d.useState)(f[0].freeTextLang),g=(0,o.Z)(b,2),m=g[0],h=g[1],y=function(){var e=(0,r.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),j=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,k.jsxs)("div",{className:w.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,k.jsx)("div",{className:c()(w.eR,w.TN,w.t$),children:(0,k.jsx)(D.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,k.jsx)("div",{className:c()(w.eR,w.F2),children:j.length?(0,k.jsx)(k.Fragment,{children:j.map((function(e){return(0,k.jsxs)("div",{className:w.t,children:[(0,k.jsx)("div",{className:w.kA,children:e}),(0,k.jsx)("input",{className:w.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return y(e,n)}),500),h(_objectSpread(_objectSpread({},m),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==m?void 0:m[e]})]},e)}))}):(0,k.jsx)("div",{children:(0,k.jsx)("input",{className:w.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",s))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>d,TN:()=>s,ZP:()=>b,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB: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--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",d="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",f="index-module--HL0mI";const b=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,4551],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(63762)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(34988),a=n(9420),r=n(87363),o=n(63762),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(63762),l=n(82956),u=n(38188),c=n(74133),d=n(84658),p=n(34988),S=n(50747),b=n.n(S),g=n(88683),x=n(84551),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(63762)),o=n(80509),s=n(38188),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(50393),S=n(51451),b=n(40283),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,4551],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(63762)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(38946),a=n(9420),r=n(87363),o=n(63762),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(63762),l=n(82956),u=n(38188),c=n(74133),d=n(84658),p=n(38946),S=n(50747),b=n.n(S),g=n(88683),x=n(84551),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(63762)),o=n(80509),s=n(38188),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(50393),S=n(51451),b=n(40283),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}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,i.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 v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7867.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7867,8881],{57867:(o,d,r)=>{r.r(d),r.d(d,{default:()=>T});var t=r(80248),i=r(34988),a=r(72874),l=r(65515),u=r.n(l),c=r(9420),m=(r(87363),r(63762)),x=r(98881),p=r(93379),g=r.n(p),b=r(7795),I=r.n(b),y=r(90569),v=r.n(y),h=r(3565),j=r.n(h),k=r(19216),M=r.n(k),N=r(44589),w=r.n(N),Z=r(16045),O={};O.styleTagTransform=w(),O.setAttributes=j(),O.insert=v().bind(null,"head"),O.domAPI=I(),O.insertStyleElement=M();g()(Z.ZP,O);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var P=r(47514),D=["onMouseDown"];function ownKeys(o,d){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);d&&(t=t.filter((function(d){return Object.getOwnPropertyDescriptor(o,d).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(o){for(var d=1;d<arguments.length;d++){var r=null!=arguments[d]?arguments[d]:{};d%2?ownKeys(Object(r),!0).forEach((function(d){(0,t.Z)(o,d,r[d])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(d){Object.defineProperty(o,d,Object.getOwnPropertyDescriptor(r,d))}))}return o}function _createForOfIteratorHelper(o,d){var r="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!r){if(Array.isArray(o)||(r=function _unsupportedIterableToArray(o,d){if(o){if("string"==typeof o)return _arrayLikeToArray(o,d);var r={}.toString.call(o).slice(8,-1);return"Object"===r&&o.constructor&&(r=o.constructor.name),"Map"===r||"Set"===r?Array.from(o):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(o,d):void 0}}(o))||d&&o&&"number"==typeof o.length){r&&(o=r);var t=0,i=function F(){};return{s:i,n:function n(){return t>=o.length?{done:!0}:{done:!1,value:o[t++]}},e:function e(o){throw o},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function s(){r=r.call(o)},n:function n(){var o=r.next();return l=o.done,o},e:function e(o){u=!0,a=o},f:function f(){try{l||null==r.return||r.return()}finally{if(u)throw a}}}}function _arrayLikeToArray(o,d){(null==d||d>o.length)&&(d=o.length);for(var r=0,t=Array(d);r<d;r++)t[r]=o[r];return t}const T=(0,c.Pi)((function ErrorAndWarningOverview(o){var d,r=o.onMouseDown,t=(0,a.Z)(o,D),l=(0,m.NP)(),c=l.productState.plannerMessagesArr.filter((function(o){var d=(0,i.Z)(o,2)[1];return"WARNING"===d.type||"INFO"===d.type})),p=null===(d=l.divaWebPlanner)||void 0===d?void 0:d.getDivaArticles(void 0,!0),g=[];if(p)for(var b=0,I=Object.values(p);b<I.length;b++){var y,v,h=I[b],j=_createForOfIteratorHelper(null!==(y=h.dataCreationErrors)&&void 0!==y?y:[]);try{for(j.s();!(v=j.n()).done;){var k=v.value;g.push({articleCodex:h.articleCodex,error:k})}}catch(k){j.e(k)}finally{j.f()}}var M=g.filter((function(o){var d;return"error"===(null!==(d=o.error.severity)&&void 0!==d?d:"error")})),N=g.filter((function(o){return"warning"===o.error.severity})),w=c.filter((function(o){return"WARNING"===(0,i.Z)(o,2)[1].type})),O=c.filter((function(o){return"INFO"===(0,i.Z)(o,2)[1].type})),T=M.length>0||N.length>0||w.length>0||O.length>0,A=function renderIssue(o,d,r){var t=o.articleCodex,i=o.error;return(0,P.jsxs)("div",{className:r?Z.RT:Z.UJ,children:[(0,P.jsx)("span",{className:r?Z.JZ:Z.C_,children:i.code}),i.message,(t||i.custom&&Object.keys(i.custom).length>0)&&(0,P.jsxs)("div",{className:Z.hv,children:[t&&"Article: ".concat(t,"\n"),i.custom&&Object.keys(i.custom).length>0&&JSON.stringify(i.custom,null,2)]})]},"".concat(t,"-").concat(i.code,"-").concat(d))};return(0,P.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:u()(t.className,Z.fm),children:(0,P.jsxs)("div",{className:Z.pb,children:[(0,P.jsx)("div",{className:Z.Fs,onMouseDown:r,children:"Errors & Warnings"}),T?(0,P.jsxs)(P.Fragment,{children:[M.length>0&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Errors"}),M.map((function(o,d){return A(o,d,!0)}))]}),(N.length>0||w.length>0)&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Warnings"}),N.map((function(o,d){return A(o,d,!1)})),w.map((function(o){var d=(0,i.Z)(o,2),r=d[0],t=d[1];return(0,P.jsx)(x.default,{item:t,codex:r},r)}))]}),O.length>0&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Info"}),O.map((function(o){var d=(0,i.Z)(o,2),r=d[0],t=d[1];return(0,P.jsx)(x.default,{item:t,codex:r},r)}))]})]}):(0,P.jsx)("p",{className:Z.Zu,children:"No messages."})]})}))}))},98881:(o,d,r)=>{r.r(d),r.d(d,{default:()=>g});var t=r(34988),i=r(65515),a=r.n(i),l=r(63762),u=r(87363),c=r(88683),m=r(9420),x=r(70144),p=r(47514);const g=(0,m.Pi)((function PlannerMsgItem(o){var d=o.item,r=o.codex,i=(0,l.NP)(),m=(0,c.useTranslation)().t,g=(0,u.useState)(!1),b=(0,t.Z)(g,2),I=b[0],y=b[1];return(0,u.useEffect)((function(){1==d.autoHide&&(setTimeout((function(){return y(!0)}),d.timeoutDuration),setTimeout((function(){return i.productState.updatePlannerMsgContainer(r,!1,d.type,d.content,d.autoHide)}),d.timeoutDuration+500))}),[]),(0,p.jsxs)("div",{className:a()(x.$O,i.uiState.isInMobileView?x.ai:void 0,I?x.RK:void 0,d.collapsed?x.do:void 0,"INFO"==d.type?x.dP:void 0,"WARNING"==d.type?x.dX:void 0),children:[(0,p.jsx)("div",{className:a()(x.z6,"INFO"==d.type?x.Ac:void 0,"WARNING"==d.type?x.nW:void 0)}),(0,p.jsx)("div",{className:a()(x.$2,"INFO"==d.type?x.Xh:void 0,"WARNING"==d.type?x.Df:void 0),dangerouslySetInnerHTML:"string"==typeof d.content?{__html:m("configurator."+d.content,d.content)}:void 0}),"string"!=typeof d.content&&d.content]})}))},16045:(o,d,r)=>{r.d(d,{C_:()=>I,Fs:()=>u,JZ:()=>b,RT:()=>p,UJ:()=>g,ZP:()=>h,Zu:()=>x,fm:()=>m,hv:()=>y,pb:()=>c,tR:()=>v});var t=r(8081),i=r.n(t),a=r(23645),l=r.n(a)()(i());l.push([o.id,".index-module--TMkut {\n  padding: 8px 12px;\n  font-weight: 600;\n  cursor: move;\n  border-bottom: 1px solid #e0e0e0;\n  background: #fafafa;\n}\n\n.index-module--UEONz {\n  padding: 8px;\n}\n\n.index-module--ylZuD {\n  overflow: auto;\n  height: 100%;\n}\n\n.index-module--tXcrO {\n  padding: 12px;\n  color: #666;\n  margin: 0;\n}\n\n.index-module--duOXQ {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fff5f5;\n  border-left: 3px solid #e53e3e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.index-module--R8v9f {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fffbeb;\n  border-left: 3px solid #d69e2e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.index-module--CTnol {\n  font-weight: 600;\n  color: #c53030;\n  margin-right: 6px;\n}\n\n.index-module--_5Sjk {\n  font-weight: 600;\n  color: #b45309;\n  margin-right: 6px;\n}\n\n.index-module--dyiia {\n  margin-top: 6px;\n  font-size: 11px;\n  color: #666;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.index-module--I9kaF {\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #555;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--UEONz,\nbody.darkmode .index-module--UEONz {\n  background: rgba(30, 41, 59, 0.6);\n}\n\n.darkmode .index-module--TMkut,\nbody.darkmode .index-module--TMkut {\n  background: rgba(30, 41, 59, 0.95);\n  border-bottom-color: rgba(71, 85, 105, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--tXcrO,\nbody.darkmode .index-module--tXcrO {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--duOXQ,\nbody.darkmode .index-module--duOXQ {\n  background: rgba(127, 29, 29, 0.4);\n  border-left-color: #fc8181;\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--R8v9f,\nbody.darkmode .index-module--R8v9f {\n  background: rgba(120, 53, 15, 0.4);\n  border-left-color: #f6ad55;\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--CTnol,\nbody.darkmode .index-module--CTnol {\n  color: #feb2b2;\n}\n\n.darkmode .index-module--_5Sjk,\nbody.darkmode .index-module--_5Sjk {\n  color: #fbd38d;\n}\n\n.darkmode .index-module--dyiia,\nbody.darkmode .index-module--dyiia {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--I9kaF,\nbody.darkmode .index-module--I9kaF {\n  color: #94a3b8;\n}\n",""]);var u="index-module--TMkut",c="index-module--UEONz",m="index-module--ylZuD",x="index-module--tXcrO",p="index-module--duOXQ",g="index-module--R8v9f",b="index-module--CTnol",I="index-module--_5Sjk",y="index-module--dyiia",v="index-module--I9kaF";const h=l},33222:(o,d,r)=>{r.d(d,{$2:()=>M,$O:()=>k,Ac:()=>P,C1:()=>v,Df:()=>T,RK:()=>N,Xh:()=>A,ZP:()=>C,ai:()=>h,dP:()=>w,dX:()=>Z,do:()=>z,nW:()=>D,z6:()=>O,zh:()=>j});var t=r(8081),i=r.n(t),a=r(23645),l=r.n(a),u=r(61667),c=r.n(u),m=new URL(r(22209),r.b),x=new URL(r(67806),r.b),p=new URL(r(27557),r.b),g=l()(i()),b=c()(m),I=c()(x),y=c()(p);g.push([o.id,".index-module--Nt02L {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 10000;\n}\n\n.index-module--Nt02L.index-module--kBf5B {\n  top: 20%;\n}\n\n.index-module--LOKMN.index-module--Nt02L {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--h1W3W {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 16px;\n  transition: opacity 0.3s ease-in-out;\n  opacity: 1;\n}\n\n.index-module--kBf5B.index-module--h1W3W {\n  padding: 12px 12px 12px 16px;\n}\n\n.index-module--kBf5B .index-module--TwQiv {\n  font-size: 14px;\n  line-height: 16px;\n  min-width: 250px;\n}\n\n.index-module--PWqtK {\n  opacity: 0;\n}\n\n.index-module--jKyDi {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--vv9Ga {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--opKTa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+b+");\n}\n\n.index-module--Ioh3i {\n  background-image: url("+I+");\n}\n\n.index-module--xjTnW {\n  background-image: url("+b+");\n}\n.index-module--TwQiv {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--e0a8J .index-module--TwQiv,\n.index-module--FqmRQ .index-module--TwQiv {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--p4Y7K {\n  color: var(--primaryColor);\n}\n.index-module--TeJvx {\n  color: black;\n}\n\n.index-module--Nt02L .index-module--cLmxv {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--MgIU5 .index-module--cLmxv {\n  transform: rotate(180deg);\n}\n\n.index-module--MgIU5 {\n  width: 10px;\n}\n\n.index-module--MgIU5 .index-module--TeJvx {\n  display: none;\n}\n\n/* pfister style */\n.index-module--Nt02L .index-module--cLmxv {\n  display: none;\n}\n",""]);var v="index-module--Nt02L",h="index-module--kBf5B",j="index-module--LOKMN",k="index-module--h1W3W",M="index-module--TwQiv",N="index-module--PWqtK",w="index-module--jKyDi",Z="index-module--vv9Ga",O="index-module--opKTa",P="index-module--Ioh3i",D="index-module--xjTnW",T="index-module--p4Y7K",A="index-module--TeJvx",z="index-module--MgIU5";const C=g},70144:(o,d,r)=>{r.d(d,{$2:()=>y.$2,$O:()=>y.$O,Ac:()=>y.Ac,C1:()=>y.C1,Df:()=>y.Df,RK:()=>y.RK,Xh:()=>y.Xh,ai:()=>y.ai,dP:()=>y.dP,dX:()=>y.dX,do:()=>y.do,nW:()=>y.nW,z6:()=>y.z6,zh:()=>y.zh});var t=r(93379),i=r.n(t),a=r(7795),l=r.n(a),u=r(90569),c=r.n(u),m=r(3565),x=r.n(m),p=r(19216),g=r.n(p),b=r(44589),I=r.n(b),y=r(33222),v={};v.styleTagTransform=I(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();i()(y.ZP,v),y.ZP&&y.ZP.locals&&y.ZP.locals},27557:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},67806:o=>{o.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7867,8881],{57867:(o,d,r)=>{r.r(d),r.d(d,{default:()=>T});var t=r(80248),i=r(38946),a=r(72874),l=r(65515),u=r.n(l),c=r(9420),m=(r(87363),r(63762)),x=r(98881),p=r(93379),g=r.n(p),b=r(7795),I=r.n(b),y=r(90569),v=r.n(y),h=r(3565),j=r.n(h),k=r(19216),M=r.n(k),N=r(44589),w=r.n(N),Z=r(16045),O={};O.styleTagTransform=w(),O.setAttributes=j(),O.insert=v().bind(null,"head"),O.domAPI=I(),O.insertStyleElement=M();g()(Z.ZP,O);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var P=r(47514),D=["onMouseDown"];function ownKeys(o,d){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);d&&(t=t.filter((function(d){return Object.getOwnPropertyDescriptor(o,d).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(o){for(var d=1;d<arguments.length;d++){var r=null!=arguments[d]?arguments[d]:{};d%2?ownKeys(Object(r),!0).forEach((function(d){(0,t.Z)(o,d,r[d])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(d){Object.defineProperty(o,d,Object.getOwnPropertyDescriptor(r,d))}))}return o}function _createForOfIteratorHelper(o,d){var r="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!r){if(Array.isArray(o)||(r=function _unsupportedIterableToArray(o,d){if(o){if("string"==typeof o)return _arrayLikeToArray(o,d);var r={}.toString.call(o).slice(8,-1);return"Object"===r&&o.constructor&&(r=o.constructor.name),"Map"===r||"Set"===r?Array.from(o):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(o,d):void 0}}(o))||d&&o&&"number"==typeof o.length){r&&(o=r);var t=0,i=function F(){};return{s:i,n:function n(){return t>=o.length?{done:!0}:{done:!1,value:o[t++]}},e:function e(o){throw o},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,u=!1;return{s:function s(){r=r.call(o)},n:function n(){var o=r.next();return l=o.done,o},e:function e(o){u=!0,a=o},f:function f(){try{l||null==r.return||r.return()}finally{if(u)throw a}}}}function _arrayLikeToArray(o,d){(null==d||d>o.length)&&(d=o.length);for(var r=0,t=Array(d);r<d;r++)t[r]=o[r];return t}const T=(0,c.Pi)((function ErrorAndWarningOverview(o){var d,r=o.onMouseDown,t=(0,a.Z)(o,D),l=(0,m.NP)(),c=l.productState.plannerMessagesArr.filter((function(o){var d=(0,i.Z)(o,2)[1];return"WARNING"===d.type||"INFO"===d.type})),p=null===(d=l.divaWebPlanner)||void 0===d?void 0:d.getDivaArticles(void 0,!0),g=[];if(p)for(var b=0,I=Object.values(p);b<I.length;b++){var y,v,h=I[b],j=_createForOfIteratorHelper(null!==(y=h.dataCreationErrors)&&void 0!==y?y:[]);try{for(j.s();!(v=j.n()).done;){var k=v.value;g.push({articleCodex:h.articleCodex,error:k})}}catch(k){j.e(k)}finally{j.f()}}var M=g.filter((function(o){var d;return"error"===(null!==(d=o.error.severity)&&void 0!==d?d:"error")})),N=g.filter((function(o){return"warning"===o.error.severity})),w=c.filter((function(o){return"WARNING"===(0,i.Z)(o,2)[1].type})),O=c.filter((function(o){return"INFO"===(0,i.Z)(o,2)[1].type})),T=M.length>0||N.length>0||w.length>0||O.length>0,A=function renderIssue(o,d,r){var t=o.articleCodex,i=o.error;return(0,P.jsxs)("div",{className:r?Z.RT:Z.UJ,children:[(0,P.jsx)("span",{className:r?Z.JZ:Z.C_,children:i.code}),i.message,(t||i.custom&&Object.keys(i.custom).length>0)&&(0,P.jsxs)("div",{className:Z.hv,children:[t&&"Article: ".concat(t,"\n"),i.custom&&Object.keys(i.custom).length>0&&JSON.stringify(i.custom,null,2)]})]},"".concat(t,"-").concat(i.code,"-").concat(d))};return(0,P.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:u()(t.className,Z.fm),children:(0,P.jsxs)("div",{className:Z.pb,children:[(0,P.jsx)("div",{className:Z.Fs,onMouseDown:r,children:"Errors & Warnings"}),T?(0,P.jsxs)(P.Fragment,{children:[M.length>0&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Errors"}),M.map((function(o,d){return A(o,d,!0)}))]}),(N.length>0||w.length>0)&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Warnings"}),N.map((function(o,d){return A(o,d,!1)})),w.map((function(o){var d=(0,i.Z)(o,2),r=d[0],t=d[1];return(0,P.jsx)(x.default,{item:t,codex:r},r)}))]}),O.length>0&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:Z.tR,children:"Info"}),O.map((function(o){var d=(0,i.Z)(o,2),r=d[0],t=d[1];return(0,P.jsx)(x.default,{item:t,codex:r},r)}))]})]}):(0,P.jsx)("p",{className:Z.Zu,children:"No messages."})]})}))}))},98881:(o,d,r)=>{r.r(d),r.d(d,{default:()=>g});var t=r(38946),i=r(65515),a=r.n(i),l=r(63762),u=r(87363),c=r(88683),m=r(9420),x=r(70144),p=r(47514);const g=(0,m.Pi)((function PlannerMsgItem(o){var d=o.item,r=o.codex,i=(0,l.NP)(),m=(0,c.useTranslation)().t,g=(0,u.useState)(!1),b=(0,t.Z)(g,2),I=b[0],y=b[1];return(0,u.useEffect)((function(){1==d.autoHide&&(setTimeout((function(){return y(!0)}),d.timeoutDuration),setTimeout((function(){return i.productState.updatePlannerMsgContainer(r,!1,d.type,d.content,d.autoHide)}),d.timeoutDuration+500))}),[]),(0,p.jsxs)("div",{className:a()(x.$O,i.uiState.isInMobileView?x.ai:void 0,I?x.RK:void 0,d.collapsed?x.do:void 0,"INFO"==d.type?x.dP:void 0,"WARNING"==d.type?x.dX:void 0),children:[(0,p.jsx)("div",{className:a()(x.z6,"INFO"==d.type?x.Ac:void 0,"WARNING"==d.type?x.nW:void 0)}),(0,p.jsx)("div",{className:a()(x.$2,"INFO"==d.type?x.Xh:void 0,"WARNING"==d.type?x.Df:void 0),dangerouslySetInnerHTML:"string"==typeof d.content?{__html:m("configurator."+d.content,d.content)}:void 0}),"string"!=typeof d.content&&d.content]})}))},16045:(o,d,r)=>{r.d(d,{C_:()=>I,Fs:()=>u,JZ:()=>b,RT:()=>p,UJ:()=>g,ZP:()=>h,Zu:()=>x,fm:()=>m,hv:()=>y,pb:()=>c,tR:()=>v});var t=r(8081),i=r.n(t),a=r(23645),l=r.n(a)()(i());l.push([o.id,".index-module--TMkut {\n  padding: 8px 12px;\n  font-weight: 600;\n  cursor: move;\n  border-bottom: 1px solid #e0e0e0;\n  background: #fafafa;\n}\n\n.index-module--UEONz {\n  padding: 8px;\n}\n\n.index-module--ylZuD {\n  overflow: auto;\n  height: 100%;\n}\n\n.index-module--tXcrO {\n  padding: 12px;\n  color: #666;\n  margin: 0;\n}\n\n.index-module--duOXQ {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fff5f5;\n  border-left: 3px solid #e53e3e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.index-module--R8v9f {\n  padding: 8px 12px;\n  margin-bottom: 6px;\n  background: #fffbeb;\n  border-left: 3px solid #d69e2e;\n  font-size: 13px;\n  border-radius: 2px;\n}\n\n.index-module--CTnol {\n  font-weight: 600;\n  color: #c53030;\n  margin-right: 6px;\n}\n\n.index-module--_5Sjk {\n  font-weight: 600;\n  color: #b45309;\n  margin-right: 6px;\n}\n\n.index-module--dyiia {\n  margin-top: 6px;\n  font-size: 11px;\n  color: #666;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.index-module--I9kaF {\n  padding: 6px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #555;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--UEONz,\nbody.darkmode .index-module--UEONz {\n  background: rgba(30, 41, 59, 0.6);\n}\n\n.darkmode .index-module--TMkut,\nbody.darkmode .index-module--TMkut {\n  background: rgba(30, 41, 59, 0.95);\n  border-bottom-color: rgba(71, 85, 105, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--tXcrO,\nbody.darkmode .index-module--tXcrO {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--duOXQ,\nbody.darkmode .index-module--duOXQ {\n  background: rgba(127, 29, 29, 0.4);\n  border-left-color: #fc8181;\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--R8v9f,\nbody.darkmode .index-module--R8v9f {\n  background: rgba(120, 53, 15, 0.4);\n  border-left-color: #f6ad55;\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--CTnol,\nbody.darkmode .index-module--CTnol {\n  color: #feb2b2;\n}\n\n.darkmode .index-module--_5Sjk,\nbody.darkmode .index-module--_5Sjk {\n  color: #fbd38d;\n}\n\n.darkmode .index-module--dyiia,\nbody.darkmode .index-module--dyiia {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--I9kaF,\nbody.darkmode .index-module--I9kaF {\n  color: #94a3b8;\n}\n",""]);var u="index-module--TMkut",c="index-module--UEONz",m="index-module--ylZuD",x="index-module--tXcrO",p="index-module--duOXQ",g="index-module--R8v9f",b="index-module--CTnol",I="index-module--_5Sjk",y="index-module--dyiia",v="index-module--I9kaF";const h=l},33222:(o,d,r)=>{r.d(d,{$2:()=>M,$O:()=>k,Ac:()=>P,C1:()=>v,Df:()=>T,RK:()=>N,Xh:()=>A,ZP:()=>C,ai:()=>h,dP:()=>w,dX:()=>Z,do:()=>z,nW:()=>D,z6:()=>O,zh:()=>j});var t=r(8081),i=r.n(t),a=r(23645),l=r.n(a),u=r(61667),c=r.n(u),m=new URL(r(22209),r.b),x=new URL(r(67806),r.b),p=new URL(r(27557),r.b),g=l()(i()),b=c()(m),I=c()(x),y=c()(p);g.push([o.id,".index-module--Nt02L {\n  position: absolute;\n  top: 9%;\n  left: 50%;\n  max-width: 80%;\n  z-index: 10000;\n}\n\n.index-module--Nt02L.index-module--kBf5B {\n  top: 20%;\n}\n\n.index-module--LOKMN.index-module--Nt02L {\n  left: 27%;\n  max-width: 30%;\n}\n.index-module--h1W3W {\n  width: -moz-fit-content;\n  width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 35px;\n  transform: translate(-50%, 0);\n  background-color: rgba(255, 255, 255, 0.7);\n  padding: 16px;\n  transition: opacity 0.3s ease-in-out;\n  opacity: 1;\n}\n\n.index-module--kBf5B.index-module--h1W3W {\n  padding: 12px 12px 12px 16px;\n}\n\n.index-module--kBf5B .index-module--TwQiv {\n  font-size: 14px;\n  line-height: 16px;\n  min-width: 250px;\n}\n\n.index-module--PWqtK {\n  opacity: 0;\n}\n\n.index-module--jKyDi {\n  border: 1px solid #3792cb;\n  float: left;\n}\n.index-module--vv9Ga {\n  margin-bottom: 16px;\n  border: 1px solid #dfdfdf;\n}\n\n.index-module--opKTa {\n  height: 30px;\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  top: calc(50% - 15px);\n  left: 10px;\n  position: absolute;\n  background-image: url("+b+");\n}\n\n.index-module--Ioh3i {\n  background-image: url("+I+");\n}\n\n.index-module--xjTnW {\n  background-image: url("+b+");\n}\n.index-module--TwQiv {\n  font-size: 17px;\n  line-height: 20px;\n  word-break: break-word;\n  margin-left: 30px;\n  -webkit-text-stroke: 0.3px;\n  max-height: 200px;\n  overflow: auto;\n}\n\n.index-module--e0a8J .index-module--TwQiv,\n.index-module--FqmRQ .index-module--TwQiv {\n  max-height: 70px;\n  overflow: auto;\n}\n\n.index-module--p4Y7K {\n  color: var(--primaryColor);\n}\n.index-module--TeJvx {\n  color: black;\n}\n\n.index-module--Nt02L .index-module--cLmxv {\n  position: absolute;\n  top: 20px;\n  right: 10px;\n  color: #747474;\n  width: 20px;\n  height: calc(100% - 40px);\n  cursor: pointer;\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n}\n\n.index-module--MgIU5 .index-module--cLmxv {\n  transform: rotate(180deg);\n}\n\n.index-module--MgIU5 {\n  width: 10px;\n}\n\n.index-module--MgIU5 .index-module--TeJvx {\n  display: none;\n}\n\n/* pfister style */\n.index-module--Nt02L .index-module--cLmxv {\n  display: none;\n}\n",""]);var v="index-module--Nt02L",h="index-module--kBf5B",j="index-module--LOKMN",k="index-module--h1W3W",M="index-module--TwQiv",N="index-module--PWqtK",w="index-module--jKyDi",Z="index-module--vv9Ga",O="index-module--opKTa",P="index-module--Ioh3i",D="index-module--xjTnW",T="index-module--p4Y7K",A="index-module--TeJvx",z="index-module--MgIU5";const C=g},70144:(o,d,r)=>{r.d(d,{$2:()=>y.$2,$O:()=>y.$O,Ac:()=>y.Ac,C1:()=>y.C1,Df:()=>y.Df,RK:()=>y.RK,Xh:()=>y.Xh,ai:()=>y.ai,dP:()=>y.dP,dX:()=>y.dX,do:()=>y.do,nW:()=>y.nW,z6:()=>y.z6,zh:()=>y.zh});var t=r(93379),i=r.n(t),a=r(7795),l=r.n(a),u=r(90569),c=r.n(u),m=r(3565),x=r.n(m),p=r(19216),g=r.n(p),b=r(44589),I=r.n(b),y=r(33222),v={};v.styleTagTransform=I(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();i()(y.ZP,v),y.ZP&&y.ZP.locals&&y.ZP.locals},27557:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},67806:o=>{o.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMiIGN5PSIxMy4yIiByPSIxMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMywxMS42djcuOCIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjcuOSIgcj0iMC44Ii8+Cjwvc3ZnPgo="},22209:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTMuMDQxMiIgY3k9IjEzLjI0MTciIHI9IjExLjc5OTUiIHN0cm9rZT0iI0E4MUUxRSIvPgo8cGF0aCBkPSJNMTMuMDQxIDE0LjkxODZMMTMuMDQxIDcuMDkxNjQiIHN0cm9rZT0iI0E4MUUxRSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEzLjA0MDkiIGN5PSIxOC42MTQ1IiByPSIwLjc3Njk2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDEzLjA0MDkgMTguNjE0NSkiIGZpbGw9IiNBODFFMUUiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7970.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7970],{57970:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),o=i(63762),d=i(93379),a=i.n(d),l=i(7795),s=i.n(l),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),v=i.n(h),x=i(44589),f=i.n(x),C=i(2348),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(65515),j=i.n(b),w=i(24585),L=i(83485),y=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}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,t.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 P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t,r,d,a=(0,o.NP)(),l=(0,L.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,y.useTranslation)().t,m=a.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==m?void 0:m.X)&&void 0!==n?n:-1," × ",null!==(e=null==m?void 0:m.Y)&&void 0!==e?e:-1," × ",null!==(i=null==m?void 0:m.Z)&&void 0!==i?i:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.without_olf")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(t=null==m?void 0:m.wOLT)&&void 0!==t?t:-1," × ",null!==(r=null==m?void 0:m.dOLT)&&void 0!==r?r:-1," × ",null!==(d=null==m?void 0:m.hOLT)&&void 0!==d?d:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:u("configurator.headerdimension."+n.dimensionId),!c&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),a.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(34988),r=i(87363),o=i(63762),d=function useCustomDimensions(){var n=(0,o.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],a=i[1],l=(0,r.useState)(!1),s=(0,t.Z)(l,2),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>h,O7:()=>s,Sn:()=>m,YS:()=>a,ZP:()=>v,kr:()=>p});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var a="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const v=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7970],{57970:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),o=i(63762),d=i(93379),a=i.n(d),l=i(7795),s=i.n(l),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),v=i.n(h),x=i(44589),f=i.n(x),C=i(2348),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(65515),j=i.n(b),w=i(24585),L=i(83485),y=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}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,t.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 P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t,r,d,a=(0,o.NP)(),l=(0,L.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,y.useTranslation)().t,m=a.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==m?void 0:m.X)&&void 0!==n?n:-1," × ",null!==(e=null==m?void 0:m.Y)&&void 0!==e?e:-1," × ",null!==(i=null==m?void 0:m.Z)&&void 0!==i?i:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.without_olf")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(t=null==m?void 0:m.wOLT)&&void 0!==t?t:-1," × ",null!==(r=null==m?void 0:m.dOLT)&&void 0!==r?r:-1," × ",null!==(d=null==m?void 0:m.hOLT)&&void 0!==d?d:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:u("configurator.headerdimension."+n.dimensionId),!c&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),a.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(38946),r=i(87363),o=i(63762),d=function useCustomDimensions(){var n=(0,o.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],a=i[1],l=(0,r.useState)(!1),s=(0,t.Z)(l,2),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>h,O7:()=>s,Sn:()=>m,YS:()=>a,ZP:()=>v,kr:()=>p});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var a="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const v=d}}]);