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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6751.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6751],{16751:(n,e,i)=>{"use strict";i.d(e,{p:()=>wn});var r=i(80248),t=(i(48145),i(87363)),o=i.n(t),s=i(93379),a=i.n(s),l=i(7795),d=i.n(l),p=i(90569),c=i.n(p),u=i(3565),b=i.n(u),m=i(19216),x=i.n(m),g=i(44589),w=i.n(g),y=i(7313),f={};f.styleTagTransform=w(),f.setAttributes=b(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();a()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var v=i(47514);const h=function PDF(n){var e=n.description,i=n.url,r=n.style,t=n.openInNewTab,o=n.iconsize;return(0,v.jsxs)("div",{className:y.YS,style:r,children:[(0,v.jsx)("a",{href:i,target:t?"_blank":void 0,children:(0,v.jsx)("div",{className:y.qv,style:{height:o,width:o}})}),e&&(0,v.jsx)("a",{href:i,target:t?"_blank":void 0,children:e})]})};const A=function Text(n){var e=n.text,i=n.style;return(0,v.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:e}})};function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}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,r.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 j=function Image(n){var e,i=n.url,r=n.cover,t=n.style,o={},s=new URL(i);r?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight=null!==(e=null==t?void 0:t.maxHeight)&&void 0!==e?e:"100%");return(0,v.jsx)("img",{style:_objectSpread(_objectSpread({},o),t),src:s.toString()})};var P=i(42921),D={};D.styleTagTransform=w(),D.setAttributes=b(),D.insert=c().bind(null,"head"),D.domAPI=d(),D.insertStyleElement=x();a()(P.ZP,D);P.ZP&&P.ZP.locals&&P.ZP.locals;const O=function InfoBox(n){var e=n.imageUrl,i=n.text,r=n.title;return(0,v.jsxs)("div",{className:P.nC,children:[(0,v.jsx)("img",{src:e}),(0,v.jsxs)("div",{className:P.AR,children:[(0,v.jsxs)("h3",{children:[" ",r]}),(0,v.jsx)("p",{children:i})]})]})};var C=i(67169),M={};M.styleTagTransform=w(),M.setAttributes=b(),M.insert=c().bind(null,"head"),M.domAPI=d(),M.insertStyleElement=x();a()(C.Z,M);C.Z&&C.Z.locals&&C.Z.locals;function Overlay_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function Overlay_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Overlay_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Overlay_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const z=function Overlay(n){var e=n.background,i=n.content,r=n.style;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{style:r,className:C.I,children:(0,v.jsx)(xn,Overlay_objectSpread({},i))}),e&&(0,v.jsx)(xn,Overlay_objectSpread({},e))]})};function ContentList_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const S=function ContentList(n){var e=n.contents,i=n.style;return(0,v.jsx)("div",{style:i,children:e.map((function(n,e){return(0,v.jsx)(xn,function ContentList_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentList_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentList_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},n),e)}))})};var N=i(88683);function Translation_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const k=function Translation(n){var e=n.translation,i=(0,N.useTranslation)().i18n;if(!e[i.language])throw Error("contentbox no translation fount for language: "+i.language);return(0,v.jsx)(xn,function Translation_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Translation_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Translation_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},e[i.language]))};var W=i(12952),I=i(34988),Z=i(50047),T=i(85883),B={};B.styleTagTransform=w(),B.setAttributes=b(),B.insert=c().bind(null,"head"),B.domAPI=d(),B.insertStyleElement=x();a()(T.Z,B);T.Z&&T.Z.locals&&T.Z.locals;const X=function OptionHeader(n){var e=n.name;return(0,v.jsx)("div",{className:T.Y,children:e})};function VariantFields_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function VariantFields_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?VariantFields_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):VariantFields_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var Y=o().lazy((function(){return Promise.all([i.e(9944),i.e(8074)]).then(i.bind(i,68074))}));const E=function VariantFields(n){var e=n.variants,i=n.setCurProduct,r=n.currentProuduct,o=n.inSlider,s=n.style,a=n.groupVariantsByField,l=(0,t.useState)({}),d=(0,I.Z)(l,2),p=d[0],c=d[1],u=(0,t.useState)({}),b=(0,I.Z)(u,2),m=b[0],x=b[1],g=(0,N.useDivaCore)(),w=g.actions.userHasPermission,y=g.state.dimensions.isMobile;if((0,t.useEffect)((function(){for(var n={},i={},r=0;r<e.length;r++)for(var t in e[r])if(t.startsWith("dc_")){var o=e[r][t];n[t]||(n[t]=[]),void 0===i[t]&&(void 0!==o.optionPosition?i[t]=o.optionPosition:void 0!==o.defaultOptionPosition&&(i[t]=o.defaultOptionPosition))}if(Object.keys(i).length){var s=Object.assign({},i);for(n={};Object.keys(s).length;){var a=Object.keys(s)[0];for(var l in s)s[a]>s[l]&&(a=l);delete s[a],n[a]=[]}}e.map((function(e,i){var r=e,t=function _loop(t){var o,s,a,l,d,p=null!==(o=null===(s=r[t])||void 0===s?void 0:s.value)&&void 0!==o?o:null===(a=r[t])||void 0===a?void 0:a.opv;if(!p)return 0;if(n[t].find((function(n){return n.codex===p})))return 0;var c=r[t].position;n[t].push({codex:p,position:void 0!==r[t].position?c:i,name:null!==(l=r[t].name)&&void 0!==l?l:r[t].opvName,image:null===(d=e.media)||void 0===d||null===(d=d.find((function(n){return"OPV"===n.functionType&&"dc_"+n.class===t})))||void 0===d?void 0:d.url,variant:e,optName:r[t].optName,opt:r[t].opt})};for(var o in n)t(o)}));var d=[];for(var p in n){var u,b,m=n[p],g=m[0],w=null!=g&&g.opt?null==g||null===(u=g.variant)||void 0===u||null===(u=u.configuration)||void 0===u||null===(u=u.OrderSets[0])||void 0===u||null===(u=u.Variant)||void 0===u?void 0:u["OPT"+g.opt]:void 0;(null!=g&&null!==(b=g.variant)&&void 0!==b&&b.configuration&&!w||m.length<=1)&&d.push(p),n[p]=m.sort((function(n,e){return n.position<e.position?-1:1}))}d.map((function(e){return delete n[e]})),c(n),x(i)}),[e]),"horizontal"==s)return(0,v.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.keys(p).map((function(n){var t;return(0,v.jsxs)(v.Fragment,{children:[(null===(t=p[n])||void 0===t||null===(t=t[0])||void 0===t?void 0:t.optName)&&(0,v.jsx)(X,{name:p[n][0].optName},n),(0,v.jsx)("div",{style:{paddingRight:5,display:"flex",gap:12,flexWrap:"wrap"},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y,imageAndText:!0})})]})}))});if(o){var f=Object.keys(p).find((function(n){return[].concat((0,W.Z)(null!=a?a:[]),["dc_mainColor","dc_color"]).includes(n)}));if(f){var h=(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:f,setCurProduct:i,selectedClassification:r[f],isMobile:y});return(0,v.jsx)(xn,VariantFields_objectSpread(VariantFields_objectSpread({},o),{},{contents:h.map((function(n){return{content:n}}))}))}return(0,v.jsx)(v.Fragment,{})}return w("allproducts")&&Object.keys(p).length>1&&!y?(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(Y,{currentProuduct:r,groups:p,setCurProduct:i,variants:e,posOfOpt:m})}):(0,v.jsx)("div",{style:{display:"flex"},children:Object.keys(p).map((function(n){return(0,v.jsx)("div",{style:{paddingRight:5},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y})})}))})};var L=i(65515),G=i.n(L),_=i(89059),R={};R.styleTagTransform=w(),R.setAttributes=b(),R.insert=c().bind(null,"head"),R.domAPI=d(),R.insertStyleElement=x();a()(_.ZP,R);_.ZP&&_.ZP.locals&&_.ZP.locals;var F=i(63910),Q={};Q.styleTagTransform=w(),Q.setAttributes=b(),Q.insert=c().bind(null,"head"),Q.domAPI=d(),Q.insertStyleElement=x();a()(F.ZP,Q);F.ZP&&F.ZP.locals&&F.ZP.locals;const J=function Info(n){var e,i=n.curProduct,r=n.hidePrices,t=(0,N.useTranslation)().t,o=(0,N.useDivaCore)().state,s=o.hidePrices,a=o.dimensions.isMobile;return(0,v.jsxs)("div",{className:G()(F.RZ,a?F.Sn:void 0),children:[(0,v.jsx)("h2",{children:i.shortDescription}),!r&&!s&&(0,v.jsx)("div",{className:F.nt,children:N.DivaUtils.formatPrice(null!==(e=i.discountedPrice)&&void 0!==e?e:i.addedPrice)+" "+t("pdp.price_ending")})]})};function GalleryProduct_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function GalleryProduct_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?GalleryProduct_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):GalleryProduct_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var K=function getProductKey(n){return n.map((function(n){return n._id})).join()};const V=function GalleryProduct(n){var e,i,r,o=n.products,s=n.groupVariantsByField,a=n.wrapperStyle,l=n.onClick,d=n.imageStyle,p=n.imageWrapperStyle,c=n.textStyle,u=n.hidePrices,b=(0,t.useMemo)((function(){return(0,N.getLogger)("ContentBox","GalleryProduct")}),[]),m=(0,t.useState)(o[0]),x=(0,I.Z)(m,2),g=x[0],w=x[1],y=(0,t.useState)(K(o)),f=(0,I.Z)(y,2),h=f[0],A=f[1],j=(0,N.useDivaCore)().state.dimensions.isMobile;if(!g)return b.error(new N.DivaError("Something went wrong. Empty array of Products received ")),(0,v.jsx)(v.Fragment,{});(0,t.useEffect)((function(){K(o)!==h&&(A(K(o)),w(o[0]))}),[o]);var P=void 0;o.length>1&&s&&(P=(0,v.jsx)(xn,{type:"VariantFields",setCurProduct:function changeProduct(n,e){w(e),2===n.detail&&l(e._id)},currentProuduct:g,variants:o,groupVariantsByField:s,inSlider:{type:"SliderContainer",sliderType:"scrollX",slidesPerView:5,freeMode:!0,allowTouchMove:!1,contents:[],scrollToSelectedItem:!0}}));var D=null!==(e=null!==(i=null===(r=g.media)||void 0===r||null===(r=r.find((function(n){return"ART"===n.functionType})))||void 0===r?void 0:r.url)&&void 0!==i?i:g.image)&&void 0!==e?e:g.image2D;return(0,v.jsxs)("div",{"data-test-id":"gallery-product",onClick:function onClick(){return l(g._id)},className:G()(_.Di,j?_.Sn:void 0),style:a,children:[(0,v.jsx)("div",{className:_.BH,style:p,children:D&&(0,v.jsx)(xn,{style:GalleryProduct_objectSpread({aspectRatio:"1 / 1",objectFit:"contain"},d),type:"Image",url:D+"?w=500"})}),(0,v.jsxs)("div",{className:_.AR,style:c,children:[(0,v.jsx)(J,{curProduct:g,hidePrices:u}),void 0!==P&&(0,v.jsx)("div",{className:G()(_.of),children:P})]})]})};var H=i(72874),U=i(30717),q=i(37707),$=i(74635),nn=i(98227),en={};en.styleTagTransform=w(),en.setAttributes=b(),en.insert=c().bind(null,"head"),en.domAPI=d(),en.insertStyleElement=x();a()(nn.ZP,en);nn.ZP&&nn.ZP.locals&&nn.ZP.locals;var rn=i(51843),tn={};tn.styleTagTransform=w(),tn.setAttributes=b(),tn.insert=c().bind(null,"head"),tn.domAPI=d(),tn.insertStyleElement=x();a()(rn.ZP,tn);rn.ZP&&rn.ZP.locals&&rn.ZP.locals;var on=["contents","sliderType","autoPlay","pagination","navigation","type","height","centeredSlides","scrollToSelectedItem","swipeRef"];function SliderContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function SliderContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?SliderContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):SliderContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var sn=function renderItem(n){var e="renderContextBox";switch(o().isValidElement(n.content)&&(e="renderJsx"),e){case"renderJsx":return n.content;case"renderContextBox":return(0,v.jsx)(xn,SliderContainer_objectSpread({},n.content))}};const an=function SliderContainer(n){var e=n.contents,i=n.sliderType,r=n.autoPlay,o=n.pagination,s=void 0!==o&&o,a=n.navigation,l=void 0!==a&&a,d=(n.type,n.height),p=n.centeredSlides,c=n.scrollToSelectedItem,u=n.swipeRef,b=void 0===u?(0,t.useState)(null):u,m=(0,I.Z)(b,2),x=m[0],g=m[1],w=(0,H.Z)(n,on);if(void 0!==r&&"number"==typeof r&&(r={delay:1e3*r,disableOnInteraction:!1}),"Tabs"===i)s={clickable:!0,bulletClass:"paginationTitle",bulletActiveClass:"paginationTitleSel",renderBullet:function renderBullet(n,i){return U.renderToStaticMarkup((0,v.jsxs)("div",{className:G()(i),children:[(0,v.jsx)("div",{children:e[n].title}),(0,v.jsx)("div",{})]}))}};return(0,v.jsx)(q.tq,SliderContainer_objectSpread(SliderContainer_objectSpread({id:"diva-swiper",onSwiper:g,className:G()(nn.oW,rn.os,s&&"Tabs"===i?"diva-pagination-css":void 0,p?"swiper-centered":"swiper-not-centered"),style:{maxWidth:p?"100%":"",width:p?"fit-content":"100%",height:null!=d?d:"100%"},direction:["slideY","scrollY"].includes(i)?"vertical":"horizontal",pagination:s,autoplay:r,navigation:l},w),{},{modules:[$.Rv,$.tl,$.W_,$.pt,$.o3,$.Gk],children:e.map((function(n,e){return(0,v.jsx)(q.o5,{onClick:function onClick(n){c&&function navigateToOnClick(n){null==x||x.slideTo(n)}(e-1),n.stopPropagation()},style:n.swiperSlideStyle,className:G()("Tabs"==i&&s?"swiper-slide-with-pagination":void 0),children:sn(n)},e)}))}))};var ln=o().createContext({});function ContextProvider(n){var e=n.children,i=n.onClose,r=n.parameters;return(0,v.jsx)(ln.Provider,{value:{onClose:i,parameters:r},children:e})}var dn=i(19194),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=c().bind(null,"head"),pn.domAPI=d(),pn.insertStyleElement=x();a()(dn.ZP,pn);dn.ZP&&dn.ZP.locals&&dn.ZP.locals;var cn=["content","type","closeIconSize","hideCloseIconInPortrait","switchCloseIconToLeftInPortrait","hideCloseIcon"];function CloseButtonContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function CloseButtonContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?CloseButtonContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):CloseButtonContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const un=function CloseButtonContainer(n){var e=n.content,i=(n.type,n.closeIconSize),r=void 0===i?"32px":i,s=n.hideCloseIconInPortrait,a=n.switchCloseIconToLeftInPortrait,l=n.hideCloseIcon,d=(0,H.Z)(n,cn),p=function useContentBoxState(){return(0,t.useContext)(ln)}().onClose,c=(0,N.useDivaCore)().state.dimensions,u=c.isMobile,b=c.height,m=c.isPortrait&&u,x=o().isValidElement(e);return(0,v.jsxs)("div",CloseButtonContainer_objectSpread(CloseButtonContainer_objectSpread({className:G()(dn.nC,u&&(b<500||m)?dn.Sn:void 0)},d),{},{children:[!l&&(!s||!m)&&(0,v.jsx)("div",{className:G()(dn.UF,a&&m?dn.t$:void 0),style:{"--closeIconSize":r},onClick:p}),x&&e,!x&&(0,v.jsx)(xn,CloseButtonContainer_objectSpread({},e))]}))};function ContentBox_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function ContentBox_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentBox_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentBox_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var bn=o().lazy((function(){return Promise.all([i.e(2182),i.e(9871)]).then(i.bind(i,69871))})),mn=o().lazy((function(){return Promise.all([i.e(2182),i.e(1433)]).then(i.bind(i,31433))}));const xn=function ContentBox(n){switch(n.type){case"MediaViewer":return(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(mn,ContentBox_objectSpread({},n))});case"ArViewer":return(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(bn,ContentBox_objectSpread({},n))});case"CloseButtonContainer":return(0,v.jsx)(un,ContentBox_objectSpread({},n));case"SliderContainer":return(0,v.jsx)(an,ContentBox_objectSpread({},n));case"Image":return(0,v.jsx)(j,ContentBox_objectSpread({},n));case"InfoBox":return(0,v.jsx)(O,ContentBox_objectSpread({},n));case"VariantFields":return(0,v.jsx)(E,ContentBox_objectSpread({},n));case"ProductGallery":return(0,v.jsx)(V,ContentBox_objectSpread({},n));case"Overlay":return(0,v.jsx)(z,ContentBox_objectSpread({},n));case"Text":return(0,v.jsx)(A,ContentBox_objectSpread({},n));case"ContentList":return(0,v.jsx)(S,ContentBox_objectSpread({},n));case"PDF":return(0,v.jsx)(h,ContentBox_objectSpread({},n));case"Translation":return(0,v.jsx)(k,ContentBox_objectSpread({},n));default:!function assertNever(n){throw new Error("Invalid content type: ".concat(n.type))}(n)}};function src_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function src_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?src_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):src_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var gn=function Main(n){var e=n.settings,i=n.onClose,r=n.parameters,t=n.internal;return(0,v.jsx)(ContextProvider,{onClose:i,parameters:r,children:(0,v.jsx)(xn,src_objectSpread(src_objectSpread({},e.contentBoxProps),t))})},wn=function ContentBoxComponent(n){return(0,v.jsx)(gn,src_objectSpread({},n))}},48145:(n,e,i)=>{var r;if(!i.p.startsWith("http")&&null!==(r=document)&&void 0!==r&&null!==(r=r.currentScript)&&void 0!==r&&r.src.includes(".umd.")){var t=new URL(document.currentScript.src),o=t.href.slice(0,t.href.lastIndexOf("/")+1);i.p=o}else window.diva_source_location&&(i.p=window.diva_source_location)},50047:(n,e,i)=>{"use strict";i.d(e,{Z:()=>P});i(87363);var r=i(93379),t=i.n(r),o=i(7795),s=i.n(o),a=i(90569),l=i.n(a),d=i(3565),p=i.n(d),c=i(19216),u=i.n(c),b=i(44589),m=i.n(b),x=i(10640),g={};g.styleTagTransform=m(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var w=i(65515),y=i.n(w),f=i(22226),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=u();t()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(47514);const A=function ImageAndText(n){var e=n.name,i=n.image,r=n.onClick,t=n.selected,o=n.vCodex;return(0,h.jsxs)("div",{id:e,className:y()(f.CA,t?f.pA:void 0),onClick:r,children:[(0,h.jsxs)("div",{className:y()(f.be),children:[o&&(0,h.jsx)("div",{className:y()(f.rq),children:o}),(0,h.jsx)("img",{className:y()(f.K5),src:i,title:e})]}),(0,h.jsx)("div",{className:f.TN,dangerouslySetInnerHTML:{__html:e}})]})};var j=function compareCodexes(n,e){if(void 0===n||void 0===e)return!1;if(n==e)return!0;if(n.startsWith("A")&&e.startsWith("A")){var i,r,t=new RegExp(/A\d*(.*)/),o=null===(i=n.match(t))||void 0===i?void 0:i[1],s=null===(r=e.match(t))||void 0===r?void 0:r[1];if(o&&s&&o==s)return!0}return!1};const P=function Group(n){var e,i=n.setCurProduct,r=n.groups,t=n.currentProuduct,o=n.groupKey,s=n.variants,a=n.isMobile,l=n.selectedClassification,d=void 0===l?t[o]:l,p=n.imageAndText;if(!d)return[];var c=a?{width:24,height:24}:{width:30,height:30},u=r[o],b=function onClick(n,e){var a=s.filter((function(n){var i,r,t;return j(null!==(i=null===(r=n[o])||void 0===r?void 0:r.value)&&void 0!==i?i:null===(t=n[o])||void 0===t?void 0:t.opv,e)}));if(a.length){for(var l=0;l<a.length;l++){var d=a[l],p=!0;for(var c in r){var u,b,m,x,g,w;if(c!==o){var y=null!==(u=null===(b=d[c])||void 0===b?void 0:b.value)&&void 0!==u?u:null===(m=d[c])||void 0===m?void 0:m.opv,f=null!==(x=null===(g=t[c])||void 0===g?void 0:g.value)&&void 0!==x?x:null===(w=t[c])||void 0===w?void 0:w.opv;if(!j(y,f)){p=!1;break}}}if(p)return void i(n,d)}i(n,a[0])}},m=null!==(e=null==d?void 0:d.opv)&&void 0!==e?e:null==d?void 0:d.value;return u.map((function(n,e){var i,r,t=null!==(i=n.image)&&void 0!==i?i:null===(r=n.variant.media)||void 0===r||null===(r=r.find((function(n){return"OPV"===n.functionType})))||void 0===r?void 0:r.url;return t?p?(0,h.jsx)(A,{onClick:function onClick(e){return b(e,n.codex)},image:t,name:n.name,selected:m===n.codex}):(0,h.jsx)("span",{onClick:function onClick(e){return b(e,n.codex)},style:{backgroundImage:"url("+t+"?w="+c.width+")"},className:y()(x.kT,a?x.Sn:void 0,m===n.codex?x.pA:void 0)},e):(0,h.jsx)(h.Fragment,{})}))}},19194:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,UF:()=>d,ZP:()=>c,nC:()=>a,t$:()=>p});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--cCd3N {\n  overflow: hidden;\n  width: calc(100% - 32px);\n  height: calc(100% - 32px);\n  position: relative;\n  background-color: white;\n  padding: 16px;\n}\n\n.index-module--l4m8k.index-module--cCd3N {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--g2mTn {\n  position: absolute;\n  right: 32px;\n  top: 32px;\n  width: var(--closeIconSize);\n  height: var(--closeIconSize);\n  opacity: 0.3;\n  z-index: 300;\n}\n\n.index-module--g2mTn.index-module--nOyoZ {\n  left: 16px;\n  right: auto;\n  right: initial;\n}\n\n.index-module--g2mTn:hover {\n  cursor: pointer;\n}\n\n.index-module--g2mTn:before {\n  transform: rotate(45deg);\n}\n\n.index-module--g2mTn:after {\n  transform: rotate(-45deg);\n}\n\n.index-module--l4m8k .index-module--g2mTn {\n  right: 16px;\n  top: 16px;\n}\n\n.index-module--g2mTn:before,\n.index-module--g2mTn:after {\n  position: absolute;\n  left: calc(var(--closeIconSize) / 2);\n  content: ' ';\n  height: var(--closeIconSize);\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.index-module--g2mTn:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n",""]);var a="index-module--cCd3N",l="index-module--l4m8k",d="index-module--g2mTn",p="index-module--nOyoZ";const c=s},63910:(n,e,i)=>{"use strict";i.d(e,{RZ:()=>a,Sn:()=>d,ZP:()=>p,nt:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--C3Lz_ {\n  z-index: 10;\n  color: #4b4b4b;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--C3Lz_ h2 {\n  line-height: 17px;\n  font-size: 16px;\n  margin: 0px;\n  color: #000000;\n}\n\n.index-module--oN6SN {\n  margin-top: 8px;\n  font-size: 15px;\n  font-weight: normal;\n}\n\n.index-module--MWeXd .index-module--C3Lz_ .index-module--oN6SN {\n  margin-top: 4px;\n}\n",""]);var a="index-module--C3Lz_",l="index-module--oN6SN",d="index-module--MWeXd";const p=s},89059:(n,e,i)=>{"use strict";i.d(e,{AR:()=>d,BH:()=>l,Di:()=>a,Sn:()=>p,ZP:()=>u,of:()=>c});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);"]),s.push([n.id,".index-module--JdR1u {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--diva-typography-font-family);\n  justify-content: flex-start;\n  background-color: #f2f2f2;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.index-module--JdR1u:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--opGS7 {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background-color: #fff;\n}\n.index-module--WxGys {\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 16px;\n}\n\n.index-module--aWACz.index-module--JdR1u > .index-module--WxGys {\n  padding: 12px;\n}\n\n.index-module--WjbHJ {\n  z-index: 100;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 16px;\n}\n\n.index-module--aWACz .index-module--WjbHJ {\n  margin-top: 8px;\n}\n",""]);var a="index-module--JdR1u",l="index-module--opGS7",d="index-module--WxGys",p="index-module--aWACz",c="index-module--WjbHJ";const u=s},42921:(n,e,i)=>{"use strict";i.d(e,{AR:()=>l,ZP:()=>d,nC:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--o9_Ip {\n  display: flex;\n}\n\n.index-module--ecL6y {\n  display: flex;\n  flex-direction: column;\n  margin: 0 10px;\n}\n\n.index-module--o9_Ip h3 {\n  margin-bottom: 0;\n  margin-bottom: initial;\n}\n\n.index-module--o9_Ip img {\n  -o-object-fit: contain;\n     object-fit: contain;\n  max-height: 100px;\n}\n",""]);var a="index-module--o9_Ip",l="index-module--ecL6y";const d=s},67169:(n,e,i)=>{"use strict";i.d(e,{I:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--xjNJA {\n  position: absolute;\n  z-index: 300;\n}\n",""]);var a="index-module--xjNJA";const l=s},7313:(n,e,i)=>{"use strict";i.d(e,{YS:()=>u,ZP:()=>m,qv:()=>b});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(46863),i.b),p=s()(t()),c=l()(d);p.push([n.id,".index-module--cOhDD {\n  display: flex;\n  align-items: center;\n  margin: 6px 12px;\n  gap: 6px;\n}\n\n.index-module--WyZVl {\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n",""]);var u="index-module--cOhDD",b="index-module--WyZVl";const m=p},51843:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>l,os:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--szpZM .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--szpZM .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: flex-start;\n}\n#index-module--NsDsL .index-module--A5LKy.index-module--MmCgV {\n  align-items: flex-start;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.index-module--szpZM .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--szpZM .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.index-module--szpZM .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n",""]);var a="index-module--szpZM";const l=s},98227:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>b,oW:()=>u});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(64197),i.b),p=s()(t()),c=l()(d);p.push([n.id,"/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2022 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 26, 2022\n */\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.librarycss-module--WDxPX.swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.librarycss-module--WDxPX .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.librarycss-module--WDxPX .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.librarycss-module--WDxPX .swiper-android .swiper-slide,\n.librarycss-module--WDxPX .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.librarycss-module--WDxPX .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.librarycss-module--WDxPX .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.librarycss-module--WDxPX .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n.librarycss-module--WDxPX .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-autoheight,\n.librarycss-module--WDxPX .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.librarycss-module--WDxPX .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.librarycss-module--WDxPX .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-3d,\n.librarycss-module--WDxPX .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n.librarycss-module--WDxPX .swiper-3d .swiper-cube-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-top,\n.librarycss-module--WDxPX .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.librarycss-module--WDxPX.swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*Free mode*/\n.librarycss-module--WDxPX.swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n.librarycss-module--WDxPX:root {\n  --swiper-navigation-size: 44px;\n}\n.librarycss-module--WDxPX.swiper-button-next,\n.librarycss-module--WDxPX.swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-disabled,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-hidden,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-next,\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  text-transform: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.librarycss-module--WDxPX .swiper-button-prev,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n.librarycss-module--WDxPX.swiper-button-prev:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.librarycss-module--WDxPX .swiper-button-next,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n.librarycss-module--WDxPX.swiper-button-lock {\n  display: none;\n}\n/*pagination*/\n.librarycss-module--WDxPX.swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 0.3s opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-disabled > .swiper-pagination,\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-pagination-bullets.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-custom,\n.librarycss-module--WDxPX.swiper-pagination-fraction {\n  bottom: 10px;\n  left: 0;\n  width: 100%;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.librarycss-module--WDxPX:globalbutton.librarycss-module--tbgP6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.librarycss-module--WDxPX.swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets {\n  right: 10px;\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    0.2s transform,\n    0.2s top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s left;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s right;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  position: absolute;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.librarycss-module--WDxPX.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar {\n  width: 4px;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-lock {\n  display: none;\n}\n",""]);var u="librarycss-module--WDxPX";const b=p},85883:(n,e,i)=>{"use strict";i.d(e,{Y:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--DDFDj {\n  width: 85%;\n  border-bottom: 1px solid #b1b1b1;\n  color: #4f4b49;\n  font-size: 20px;\n  font-weight: 300;\n}\n",""]);var a="index-module--DDFDj";const l=s},22226:(n,e,i)=>{"use strict";i.d(e,{CA:()=>a,K5:()=>c,TN:()=>u,ZP:()=>b,be:()=>p,pA:()=>d,rq:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"/*Size Normal */\n\n.index-module--e_7FC {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.index-module--e_7FC:active,\n.index-module--e_7FC:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--fRbe4 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--e_7FC:hover .index-module--fRbe4,\n.index-module--BJRzp .index-module--fRbe4 {\n  display: block;\n}\n\n.index-module--lYFwl {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.index-module--e_7FC:not(.index-module--BJRzp) .index-module--lYFwl {\n  overflow: hidden;\n}\n.index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--BJRzp .index-module--lYFwl:hover,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--BJRzp .index-module--lYFwl,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--yuCjJ {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\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--BJRzp .index-module--yuCjJ,\n.index-module--nBE6E.index-module--BJRzp .index-module--yuCjJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--uEtqR {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--dOhGn {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\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  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--e_7FC:hover .index-module--dOhGn,\n.index-module--nBE6E .index-module--e_7FC:hover .index-module--dOhGn {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--nBE6E .index-module--fRbe4 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--nBE6E .index-module--dOhGn {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--np649 .index-module--fRbe4 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--np649 .index-module--dOhGn {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--eHNW1 .index-module--fRbe4 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--eHNW1 .index-module--dOhGn {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var a="index-module--e_7FC",l="index-module--fRbe4",d="index-module--BJRzp",p="index-module--lYFwl",c="index-module--yuCjJ",u="index-module--dOhGn";const b=s},10640:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,ZP:()=>p,kT:()=>a,pA:()=>d});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--akcUO {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: solid #f8f8f8 2px;\n  margin: 2px;\n  display: block;\n}\n\n.index-module--AwJYr {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n}\n\n.index-module--doSYy {\n  width: 24px;\n  height: 24px;\n}\n.index-module--AwJYr,\n.index-module--akcUO {\n  transition: border-color 200ms ease;\n}\n\n.index-module--AwJYr:hover,\n.index-module--akcUO:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n\n.index-module--Dv5Hx.index-module--AwJYr,\n.index-module--Dv5Hx.index-module--akcUO {\n  border: 2px solid #4f4f4f;\n}\n",""]);var a="index-module--AwJYr",l="index-module--doSYy",d="index-module--Dv5Hx";const p=s},46863:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMzQuMzcxcHgiIGhlaWdodD0iMzgwLjU2M3B4IiB2aWV3Qm94PSIwIDAgMzM0LjM3MSAzODAuNTYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMzQuMzcxIDM4MC41NjMiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJpY29uX1BERl9maWxlIj4KCTxnIGlkPSJjb250b3VyXzEiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjgyLjY0NiwxMDIuMDY2IDI4Mi42NDYsMzU2LjY0NiAJCSIvPgoJCTxwYXRoIGQ9Ik0yMDEuMTg2LDMxLjk5bDczLjQ2LDczLjM5M3YyNDMuMjY0SDU5Ljc5MVYzMS45OUgyMDEuMTg2IE0yMDcuODA5LDE1Ljk5SDQzLjc5MXYzNDguNjU3aDI0Ni44NTRWOTguNzVMMjA3LjgwOSwxNS45OQoJCQlMMjA3LjgwOSwxNS45OXoiLz4KCTwvZz4KCTxnIGlkPSJjb250b3VyXzIiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjA2LjMwOSwyNS44IDIwNi4zMDksMTAwLjMyNyAyODAuOTA0LDEwMC4zMjcgCgkJCTI4Mi42NDYsMTAyLjA2NiAyODIuNjQ2LDM1Ni42NDYgCQkiLz4KCQk8cGF0aCBkPSJNMTk4LjMwOSwzMS45OXY2MC4zMzd2MTZoMTZoNjAuMzM3djI0MC4zMkg1OS43OTFWMzEuOTlIMTk4LjMwOSBNMjA3LjgwOSwxNS45OUg0My43OTF2MzQ4LjY1N2gyNDYuODU0Vjk4Ljc1CgkJCWwtNi40My02LjQyNGgtNjkuOTA3VjIyLjQ4NEwyMDcuODA5LDE1Ljk5TDIwNy44MDksMTUuOTl6Ii8+Cgk8L2c+Cgk8ZyBpZD0idHJpYW5nbGUiPgoJCTxwb2x5Z29uIHBvaW50cz0iMjE5LjY0Myw4Ny43NSAyMTkuNjQzLDQ4LjY2NyAyNTguMzA5LDg2LjM4IDI1OC4zMDksODcuNzUgCQkiLz4KCQk8cGF0aCBkPSJNMjI3LjY0Myw2Ny42NDZsMTIuNDEsMTIuMTA0aC0xMi40MVY2Ny42NDYgTTIyMi42NDEsNDAuNDE3aC0xMC45OThWOTUuNzVoNTQuNjY2VjgzLjAwOEwyMjIuNjQxLDQwLjQxN0wyMjIuNjQxLDQwLjQxN3oKCQkJIi8+Cgk8L2c+Cgk8ZyBpZD0icmVkX3NxdWFyZSI+CgkJPHBvbHlnb24gZmlsbD0iI0VEMUMyNCIgcG9pbnRzPSIyMi41NDQsMjg0LjQ5IDIyLjU0NCwxNjcuNjgyIDM3LjI5MSwxNTIuOTM1IDM3LjI5MSwxNzEuNDg5IDI5Ny4xNDYsMTcxLjQ4OSAyOTcuMTQ2LDE1Mi45MzUgCgkJCTMxMS44OTMsMTY3LjY4MiAzMTEuODkzLDI4NC40OSAJCSIvPgoJCTxwYXRoIGZpbGw9IiNFRDFDMjQiIGQ9Ik0zMDMuNjQ2LDE2OC42MjdsMS43NDcsMS43NDdWMjc3Ljk5SDI5LjA0NFYxNzAuMzc0bDEuNzQ3LTEuNzQ3djkuMzYyaDEzaDI0Ni44NTRoMTNWMTY4LjYyNwoJCQkgTTI5MC42NDYsMTM3LjI0MnYyNy43NDdINDMuNzkxdi0yNy43NDdsLTI3Ljc0NywyNy43NDdWMjkwLjk5aDMwMi4zNDlWMTY0Ljk4OUwyOTAuNjQ2LDEzNy4yNDJMMjkwLjY0NiwxMzcuMjQyeiIvPgoJPC9nPgoJPHJlY3QgeD0iNTIuMDk2IiB5PSIxODkuMzI0IiBmaWxsPSJub25lIiB3aWR0aD0iMjMyLjgyNiIgaGVpZ2h0PSI4Ny44MzQiLz4KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTIuMDk1NyAyNzEuNjYyMSkiIGZpbGw9IiNGRkZGRkYiIGZvbnQtZmFtaWx5PSJEZWphVnUgU2FucyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTA1Ij5QREY8L3RleHQ+CjwvZz4KPC9zdmc+"},64197:n=>{"use strict";n.exports="data:application/font-woff;charset=utf-8;base64, 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"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6751],{16751:(n,e,i)=>{"use strict";i.d(e,{p:()=>wn});var r=i(80248),t=(i(48145),i(87363)),o=i.n(t),s=i(93379),a=i.n(s),l=i(7795),d=i.n(l),p=i(90569),c=i.n(p),u=i(3565),b=i.n(u),m=i(19216),x=i.n(m),g=i(44589),w=i.n(g),y=i(7313),f={};f.styleTagTransform=w(),f.setAttributes=b(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();a()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var v=i(47514);const h=function PDF(n){var e=n.description,i=n.url,r=n.style,t=n.openInNewTab,o=n.iconsize;return(0,v.jsxs)("div",{className:y.YS,style:r,children:[(0,v.jsx)("a",{href:i,target:t?"_blank":void 0,children:(0,v.jsx)("div",{className:y.qv,style:{height:o,width:o}})}),e&&(0,v.jsx)("a",{href:i,target:t?"_blank":void 0,children:e})]})};const A=function Text(n){var e=n.text,i=n.style;return(0,v.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:e}})};function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}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,r.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 j=function Image(n){var e,i=n.url,r=n.cover,t=n.style,o={},s=new URL(i);r?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight=null!==(e=null==t?void 0:t.maxHeight)&&void 0!==e?e:"100%");return(0,v.jsx)("img",{style:_objectSpread(_objectSpread({},o),t),src:s.toString()})};var P=i(42921),D={};D.styleTagTransform=w(),D.setAttributes=b(),D.insert=c().bind(null,"head"),D.domAPI=d(),D.insertStyleElement=x();a()(P.ZP,D);P.ZP&&P.ZP.locals&&P.ZP.locals;const O=function InfoBox(n){var e=n.imageUrl,i=n.text,r=n.title;return(0,v.jsxs)("div",{className:P.nC,children:[(0,v.jsx)("img",{src:e}),(0,v.jsxs)("div",{className:P.AR,children:[(0,v.jsxs)("h3",{children:[" ",r]}),(0,v.jsx)("p",{children:i})]})]})};var C=i(67169),M={};M.styleTagTransform=w(),M.setAttributes=b(),M.insert=c().bind(null,"head"),M.domAPI=d(),M.insertStyleElement=x();a()(C.Z,M);C.Z&&C.Z.locals&&C.Z.locals;function Overlay_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function Overlay_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Overlay_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Overlay_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const z=function Overlay(n){var e=n.background,i=n.content,r=n.style;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{style:r,className:C.I,children:(0,v.jsx)(xn,Overlay_objectSpread({},i))}),e&&(0,v.jsx)(xn,Overlay_objectSpread({},e))]})};function ContentList_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const S=function ContentList(n){var e=n.contents,i=n.style;return(0,v.jsx)("div",{style:i,children:e.map((function(n,e){return(0,v.jsx)(xn,function ContentList_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentList_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentList_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},n),e)}))})};var N=i(88683);function Translation_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const k=function Translation(n){var e=n.translation,i=(0,N.useTranslation)().i18n;if(!e[i.language])throw Error("contentbox no translation fount for language: "+i.language);return(0,v.jsx)(xn,function Translation_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Translation_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Translation_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},e[i.language]))};var W=i(61965),I=i(38946),Z=i(50047),T=i(85883),B={};B.styleTagTransform=w(),B.setAttributes=b(),B.insert=c().bind(null,"head"),B.domAPI=d(),B.insertStyleElement=x();a()(T.Z,B);T.Z&&T.Z.locals&&T.Z.locals;const X=function OptionHeader(n){var e=n.name;return(0,v.jsx)("div",{className:T.Y,children:e})};function VariantFields_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function VariantFields_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?VariantFields_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):VariantFields_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var Y=o().lazy((function(){return Promise.all([i.e(9944),i.e(8074)]).then(i.bind(i,68074))}));const E=function VariantFields(n){var e=n.variants,i=n.setCurProduct,r=n.currentProuduct,o=n.inSlider,s=n.style,a=n.groupVariantsByField,l=(0,t.useState)({}),d=(0,I.Z)(l,2),p=d[0],c=d[1],u=(0,t.useState)({}),b=(0,I.Z)(u,2),m=b[0],x=b[1],g=(0,N.useDivaCore)(),w=g.actions.userHasPermission,y=g.state.dimensions.isMobile;if((0,t.useEffect)((function(){for(var n={},i={},r=0;r<e.length;r++)for(var t in e[r])if(t.startsWith("dc_")){var o=e[r][t];n[t]||(n[t]=[]),void 0===i[t]&&(void 0!==o.optionPosition?i[t]=o.optionPosition:void 0!==o.defaultOptionPosition&&(i[t]=o.defaultOptionPosition))}if(Object.keys(i).length){var s=Object.assign({},i);for(n={};Object.keys(s).length;){var a=Object.keys(s)[0];for(var l in s)s[a]>s[l]&&(a=l);delete s[a],n[a]=[]}}e.map((function(e,i){var r=e,t=function _loop(t){var o,s,a,l,d,p=null!==(o=null===(s=r[t])||void 0===s?void 0:s.value)&&void 0!==o?o:null===(a=r[t])||void 0===a?void 0:a.opv;if(!p)return 0;if(n[t].find((function(n){return n.codex===p})))return 0;var c=r[t].position;n[t].push({codex:p,position:void 0!==r[t].position?c:i,name:null!==(l=r[t].name)&&void 0!==l?l:r[t].opvName,image:null===(d=e.media)||void 0===d||null===(d=d.find((function(n){return"OPV"===n.functionType&&"dc_"+n.class===t})))||void 0===d?void 0:d.url,variant:e,optName:r[t].optName,opt:r[t].opt})};for(var o in n)t(o)}));var d=[];for(var p in n){var u,b,m=n[p],g=m[0],w=null!=g&&g.opt?null==g||null===(u=g.variant)||void 0===u||null===(u=u.configuration)||void 0===u||null===(u=u.OrderSets[0])||void 0===u||null===(u=u.Variant)||void 0===u?void 0:u["OPT"+g.opt]:void 0;(null!=g&&null!==(b=g.variant)&&void 0!==b&&b.configuration&&!w||m.length<=1)&&d.push(p),n[p]=m.sort((function(n,e){return n.position<e.position?-1:1}))}d.map((function(e){return delete n[e]})),c(n),x(i)}),[e]),"horizontal"==s)return(0,v.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.keys(p).map((function(n){var t;return(0,v.jsxs)(v.Fragment,{children:[(null===(t=p[n])||void 0===t||null===(t=t[0])||void 0===t?void 0:t.optName)&&(0,v.jsx)(X,{name:p[n][0].optName},n),(0,v.jsx)("div",{style:{paddingRight:5,display:"flex",gap:12,flexWrap:"wrap"},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y,imageAndText:!0})})]})}))});if(o){var f=Object.keys(p).find((function(n){return[].concat((0,W.Z)(null!=a?a:[]),["dc_mainColor","dc_color"]).includes(n)}));if(f){var h=(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:f,setCurProduct:i,selectedClassification:r[f],isMobile:y});return(0,v.jsx)(xn,VariantFields_objectSpread(VariantFields_objectSpread({},o),{},{contents:h.map((function(n){return{content:n}}))}))}return(0,v.jsx)(v.Fragment,{})}return w("allproducts")&&Object.keys(p).length>1&&!y?(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(Y,{currentProuduct:r,groups:p,setCurProduct:i,variants:e,posOfOpt:m})}):(0,v.jsx)("div",{style:{display:"flex"},children:Object.keys(p).map((function(n){return(0,v.jsx)("div",{style:{paddingRight:5},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y})})}))})};var L=i(65515),G=i.n(L),_=i(89059),R={};R.styleTagTransform=w(),R.setAttributes=b(),R.insert=c().bind(null,"head"),R.domAPI=d(),R.insertStyleElement=x();a()(_.ZP,R);_.ZP&&_.ZP.locals&&_.ZP.locals;var F=i(63910),Q={};Q.styleTagTransform=w(),Q.setAttributes=b(),Q.insert=c().bind(null,"head"),Q.domAPI=d(),Q.insertStyleElement=x();a()(F.ZP,Q);F.ZP&&F.ZP.locals&&F.ZP.locals;const J=function Info(n){var e,i=n.curProduct,r=n.hidePrices,t=(0,N.useTranslation)().t,o=(0,N.useDivaCore)().state,s=o.hidePrices,a=o.dimensions.isMobile;return(0,v.jsxs)("div",{className:G()(F.RZ,a?F.Sn:void 0),children:[(0,v.jsx)("h2",{children:i.shortDescription}),!r&&!s&&(0,v.jsx)("div",{className:F.nt,children:N.DivaUtils.formatPrice(null!==(e=i.discountedPrice)&&void 0!==e?e:i.addedPrice)+" "+t("pdp.price_ending")})]})};function GalleryProduct_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function GalleryProduct_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?GalleryProduct_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):GalleryProduct_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var K=function getProductKey(n){return n.map((function(n){return n._id})).join()};const V=function GalleryProduct(n){var e,i,r,o=n.products,s=n.groupVariantsByField,a=n.wrapperStyle,l=n.onClick,d=n.imageStyle,p=n.imageWrapperStyle,c=n.textStyle,u=n.hidePrices,b=(0,t.useMemo)((function(){return(0,N.getLogger)("ContentBox","GalleryProduct")}),[]),m=(0,t.useState)(o[0]),x=(0,I.Z)(m,2),g=x[0],w=x[1],y=(0,t.useState)(K(o)),f=(0,I.Z)(y,2),h=f[0],A=f[1],j=(0,N.useDivaCore)().state.dimensions.isMobile;if(!g)return b.error(new N.DivaError("Something went wrong. Empty array of Products received ")),(0,v.jsx)(v.Fragment,{});(0,t.useEffect)((function(){K(o)!==h&&(A(K(o)),w(o[0]))}),[o]);var P=void 0;o.length>1&&s&&(P=(0,v.jsx)(xn,{type:"VariantFields",setCurProduct:function changeProduct(n,e){w(e),2===n.detail&&l(e._id)},currentProuduct:g,variants:o,groupVariantsByField:s,inSlider:{type:"SliderContainer",sliderType:"scrollX",slidesPerView:5,freeMode:!0,allowTouchMove:!1,contents:[],scrollToSelectedItem:!0}}));var D=null!==(e=null!==(i=null===(r=g.media)||void 0===r||null===(r=r.find((function(n){return"ART"===n.functionType})))||void 0===r?void 0:r.url)&&void 0!==i?i:g.image)&&void 0!==e?e:g.image2D;return(0,v.jsxs)("div",{"data-test-id":"gallery-product",onClick:function onClick(){return l(g._id)},className:G()(_.Di,j?_.Sn:void 0),style:a,children:[(0,v.jsx)("div",{className:_.BH,style:p,children:D&&(0,v.jsx)(xn,{style:GalleryProduct_objectSpread({aspectRatio:"1 / 1",objectFit:"contain"},d),type:"Image",url:D+"?w=500"})}),(0,v.jsxs)("div",{className:_.AR,style:c,children:[(0,v.jsx)(J,{curProduct:g,hidePrices:u}),void 0!==P&&(0,v.jsx)("div",{className:G()(_.of),children:P})]})]})};var H=i(72874),U=i(30717),q=i(37707),$=i(74635),nn=i(98227),en={};en.styleTagTransform=w(),en.setAttributes=b(),en.insert=c().bind(null,"head"),en.domAPI=d(),en.insertStyleElement=x();a()(nn.ZP,en);nn.ZP&&nn.ZP.locals&&nn.ZP.locals;var rn=i(51843),tn={};tn.styleTagTransform=w(),tn.setAttributes=b(),tn.insert=c().bind(null,"head"),tn.domAPI=d(),tn.insertStyleElement=x();a()(rn.ZP,tn);rn.ZP&&rn.ZP.locals&&rn.ZP.locals;var on=["contents","sliderType","autoPlay","pagination","navigation","type","height","centeredSlides","scrollToSelectedItem","swipeRef"];function SliderContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function SliderContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?SliderContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):SliderContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var sn=function renderItem(n){var e="renderContextBox";switch(o().isValidElement(n.content)&&(e="renderJsx"),e){case"renderJsx":return n.content;case"renderContextBox":return(0,v.jsx)(xn,SliderContainer_objectSpread({},n.content))}};const an=function SliderContainer(n){var e=n.contents,i=n.sliderType,r=n.autoPlay,o=n.pagination,s=void 0!==o&&o,a=n.navigation,l=void 0!==a&&a,d=(n.type,n.height),p=n.centeredSlides,c=n.scrollToSelectedItem,u=n.swipeRef,b=void 0===u?(0,t.useState)(null):u,m=(0,I.Z)(b,2),x=m[0],g=m[1],w=(0,H.Z)(n,on);if(void 0!==r&&"number"==typeof r&&(r={delay:1e3*r,disableOnInteraction:!1}),"Tabs"===i)s={clickable:!0,bulletClass:"paginationTitle",bulletActiveClass:"paginationTitleSel",renderBullet:function renderBullet(n,i){return U.renderToStaticMarkup((0,v.jsxs)("div",{className:G()(i),children:[(0,v.jsx)("div",{children:e[n].title}),(0,v.jsx)("div",{})]}))}};return(0,v.jsx)(q.tq,SliderContainer_objectSpread(SliderContainer_objectSpread({id:"diva-swiper",onSwiper:g,className:G()(nn.oW,rn.os,s&&"Tabs"===i?"diva-pagination-css":void 0,p?"swiper-centered":"swiper-not-centered"),style:{maxWidth:p?"100%":"",width:p?"fit-content":"100%",height:null!=d?d:"100%"},direction:["slideY","scrollY"].includes(i)?"vertical":"horizontal",pagination:s,autoplay:r,navigation:l},w),{},{modules:[$.Rv,$.tl,$.W_,$.pt,$.o3,$.Gk],children:e.map((function(n,e){return(0,v.jsx)(q.o5,{onClick:function onClick(n){c&&function navigateToOnClick(n){null==x||x.slideTo(n)}(e-1),n.stopPropagation()},style:n.swiperSlideStyle,className:G()("Tabs"==i&&s?"swiper-slide-with-pagination":void 0),children:sn(n)},e)}))}))};var ln=o().createContext({});function ContextProvider(n){var e=n.children,i=n.onClose,r=n.parameters;return(0,v.jsx)(ln.Provider,{value:{onClose:i,parameters:r},children:e})}var dn=i(19194),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=c().bind(null,"head"),pn.domAPI=d(),pn.insertStyleElement=x();a()(dn.ZP,pn);dn.ZP&&dn.ZP.locals&&dn.ZP.locals;var cn=["content","type","closeIconSize","hideCloseIconInPortrait","switchCloseIconToLeftInPortrait","hideCloseIcon"];function CloseButtonContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function CloseButtonContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?CloseButtonContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):CloseButtonContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const un=function CloseButtonContainer(n){var e=n.content,i=(n.type,n.closeIconSize),r=void 0===i?"32px":i,s=n.hideCloseIconInPortrait,a=n.switchCloseIconToLeftInPortrait,l=n.hideCloseIcon,d=(0,H.Z)(n,cn),p=function useContentBoxState(){return(0,t.useContext)(ln)}().onClose,c=(0,N.useDivaCore)().state.dimensions,u=c.isMobile,b=c.height,m=c.isPortrait&&u,x=o().isValidElement(e);return(0,v.jsxs)("div",CloseButtonContainer_objectSpread(CloseButtonContainer_objectSpread({className:G()(dn.nC,u&&(b<500||m)?dn.Sn:void 0)},d),{},{children:[!l&&(!s||!m)&&(0,v.jsx)("div",{className:G()(dn.UF,a&&m?dn.t$:void 0),style:{"--closeIconSize":r},onClick:p}),x&&e,!x&&(0,v.jsx)(xn,CloseButtonContainer_objectSpread({},e))]}))};function ContentBox_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function ContentBox_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentBox_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentBox_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var bn=o().lazy((function(){return Promise.all([i.e(2182),i.e(9871)]).then(i.bind(i,69871))})),mn=o().lazy((function(){return Promise.all([i.e(2182),i.e(1433)]).then(i.bind(i,31433))}));const xn=function ContentBox(n){switch(n.type){case"MediaViewer":return(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(mn,ContentBox_objectSpread({},n))});case"ArViewer":return(0,v.jsx)(t.Suspense,{fallback:(0,v.jsx)(v.Fragment,{}),children:(0,v.jsx)(bn,ContentBox_objectSpread({},n))});case"CloseButtonContainer":return(0,v.jsx)(un,ContentBox_objectSpread({},n));case"SliderContainer":return(0,v.jsx)(an,ContentBox_objectSpread({},n));case"Image":return(0,v.jsx)(j,ContentBox_objectSpread({},n));case"InfoBox":return(0,v.jsx)(O,ContentBox_objectSpread({},n));case"VariantFields":return(0,v.jsx)(E,ContentBox_objectSpread({},n));case"ProductGallery":return(0,v.jsx)(V,ContentBox_objectSpread({},n));case"Overlay":return(0,v.jsx)(z,ContentBox_objectSpread({},n));case"Text":return(0,v.jsx)(A,ContentBox_objectSpread({},n));case"ContentList":return(0,v.jsx)(S,ContentBox_objectSpread({},n));case"PDF":return(0,v.jsx)(h,ContentBox_objectSpread({},n));case"Translation":return(0,v.jsx)(k,ContentBox_objectSpread({},n));default:!function assertNever(n){throw new Error("Invalid content type: ".concat(n.type))}(n)}};function src_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function src_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?src_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):src_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var gn=function Main(n){var e=n.settings,i=n.onClose,r=n.parameters,t=n.internal;return(0,v.jsx)(ContextProvider,{onClose:i,parameters:r,children:(0,v.jsx)(xn,src_objectSpread(src_objectSpread({},e.contentBoxProps),t))})},wn=function ContentBoxComponent(n){return(0,v.jsx)(gn,src_objectSpread({},n))}},48145:(n,e,i)=>{var r;if(!i.p.startsWith("http")&&null!==(r=document)&&void 0!==r&&null!==(r=r.currentScript)&&void 0!==r&&r.src.includes(".umd.")){var t=new URL(document.currentScript.src),o=t.href.slice(0,t.href.lastIndexOf("/")+1);i.p=o}else window.diva_source_location&&(i.p=window.diva_source_location)},50047:(n,e,i)=>{"use strict";i.d(e,{Z:()=>P});i(87363);var r=i(93379),t=i.n(r),o=i(7795),s=i.n(o),a=i(90569),l=i.n(a),d=i(3565),p=i.n(d),c=i(19216),u=i.n(c),b=i(44589),m=i.n(b),x=i(10640),g={};g.styleTagTransform=m(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var w=i(65515),y=i.n(w),f=i(22226),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=u();t()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(47514);const A=function ImageAndText(n){var e=n.name,i=n.image,r=n.onClick,t=n.selected,o=n.vCodex;return(0,h.jsxs)("div",{id:e,className:y()(f.CA,t?f.pA:void 0),onClick:r,children:[(0,h.jsxs)("div",{className:y()(f.be),children:[o&&(0,h.jsx)("div",{className:y()(f.rq),children:o}),(0,h.jsx)("img",{className:y()(f.K5),src:i,title:e})]}),(0,h.jsx)("div",{className:f.TN,dangerouslySetInnerHTML:{__html:e}})]})};var j=function compareCodexes(n,e){if(void 0===n||void 0===e)return!1;if(n==e)return!0;if(n.startsWith("A")&&e.startsWith("A")){var i,r,t=new RegExp(/A\d*(.*)/),o=null===(i=n.match(t))||void 0===i?void 0:i[1],s=null===(r=e.match(t))||void 0===r?void 0:r[1];if(o&&s&&o==s)return!0}return!1};const P=function Group(n){var e,i=n.setCurProduct,r=n.groups,t=n.currentProuduct,o=n.groupKey,s=n.variants,a=n.isMobile,l=n.selectedClassification,d=void 0===l?t[o]:l,p=n.imageAndText;if(!d)return[];var c=a?{width:24,height:24}:{width:30,height:30},u=r[o],b=function onClick(n,e){var a=s.filter((function(n){var i,r,t;return j(null!==(i=null===(r=n[o])||void 0===r?void 0:r.value)&&void 0!==i?i:null===(t=n[o])||void 0===t?void 0:t.opv,e)}));if(a.length){for(var l=0;l<a.length;l++){var d=a[l],p=!0;for(var c in r){var u,b,m,x,g,w;if(c!==o){var y=null!==(u=null===(b=d[c])||void 0===b?void 0:b.value)&&void 0!==u?u:null===(m=d[c])||void 0===m?void 0:m.opv,f=null!==(x=null===(g=t[c])||void 0===g?void 0:g.value)&&void 0!==x?x:null===(w=t[c])||void 0===w?void 0:w.opv;if(!j(y,f)){p=!1;break}}}if(p)return void i(n,d)}i(n,a[0])}},m=null!==(e=null==d?void 0:d.opv)&&void 0!==e?e:null==d?void 0:d.value;return u.map((function(n,e){var i,r,t=null!==(i=n.image)&&void 0!==i?i:null===(r=n.variant.media)||void 0===r||null===(r=r.find((function(n){return"OPV"===n.functionType})))||void 0===r?void 0:r.url;return t?p?(0,h.jsx)(A,{onClick:function onClick(e){return b(e,n.codex)},image:t,name:n.name,selected:m===n.codex}):(0,h.jsx)("span",{onClick:function onClick(e){return b(e,n.codex)},style:{backgroundImage:"url("+t+"?w="+c.width+")"},className:y()(x.kT,a?x.Sn:void 0,m===n.codex?x.pA:void 0)},e):(0,h.jsx)(h.Fragment,{})}))}},19194:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,UF:()=>d,ZP:()=>c,nC:()=>a,t$:()=>p});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--cCd3N {\n  overflow: hidden;\n  width: calc(100% - 32px);\n  height: calc(100% - 32px);\n  position: relative;\n  background-color: white;\n  padding: 16px;\n}\n\n.index-module--l4m8k.index-module--cCd3N {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--g2mTn {\n  position: absolute;\n  right: 32px;\n  top: 32px;\n  width: var(--closeIconSize);\n  height: var(--closeIconSize);\n  opacity: 0.3;\n  z-index: 300;\n}\n\n.index-module--g2mTn.index-module--nOyoZ {\n  left: 16px;\n  right: auto;\n  right: initial;\n}\n\n.index-module--g2mTn:hover {\n  cursor: pointer;\n}\n\n.index-module--g2mTn:before {\n  transform: rotate(45deg);\n}\n\n.index-module--g2mTn:after {\n  transform: rotate(-45deg);\n}\n\n.index-module--l4m8k .index-module--g2mTn {\n  right: 16px;\n  top: 16px;\n}\n\n.index-module--g2mTn:before,\n.index-module--g2mTn:after {\n  position: absolute;\n  left: calc(var(--closeIconSize) / 2);\n  content: ' ';\n  height: var(--closeIconSize);\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.index-module--g2mTn:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n",""]);var a="index-module--cCd3N",l="index-module--l4m8k",d="index-module--g2mTn",p="index-module--nOyoZ";const c=s},63910:(n,e,i)=>{"use strict";i.d(e,{RZ:()=>a,Sn:()=>d,ZP:()=>p,nt:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--C3Lz_ {\n  z-index: 10;\n  color: #4b4b4b;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--C3Lz_ h2 {\n  line-height: 17px;\n  font-size: 16px;\n  margin: 0px;\n  color: #000000;\n}\n\n.index-module--oN6SN {\n  margin-top: 8px;\n  font-size: 15px;\n  font-weight: normal;\n}\n\n.index-module--MWeXd .index-module--C3Lz_ .index-module--oN6SN {\n  margin-top: 4px;\n}\n",""]);var a="index-module--C3Lz_",l="index-module--oN6SN",d="index-module--MWeXd";const p=s},89059:(n,e,i)=>{"use strict";i.d(e,{AR:()=>d,BH:()=>l,Di:()=>a,Sn:()=>p,ZP:()=>u,of:()=>c});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);"]),s.push([n.id,".index-module--JdR1u {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--diva-typography-font-family);\n  justify-content: flex-start;\n  background-color: #f2f2f2;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.index-module--JdR1u:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--opGS7 {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background-color: #fff;\n}\n.index-module--WxGys {\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 16px;\n}\n\n.index-module--aWACz.index-module--JdR1u > .index-module--WxGys {\n  padding: 12px;\n}\n\n.index-module--WjbHJ {\n  z-index: 100;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 16px;\n}\n\n.index-module--aWACz .index-module--WjbHJ {\n  margin-top: 8px;\n}\n",""]);var a="index-module--JdR1u",l="index-module--opGS7",d="index-module--WxGys",p="index-module--aWACz",c="index-module--WjbHJ";const u=s},42921:(n,e,i)=>{"use strict";i.d(e,{AR:()=>l,ZP:()=>d,nC:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--o9_Ip {\n  display: flex;\n}\n\n.index-module--ecL6y {\n  display: flex;\n  flex-direction: column;\n  margin: 0 10px;\n}\n\n.index-module--o9_Ip h3 {\n  margin-bottom: 0;\n  margin-bottom: initial;\n}\n\n.index-module--o9_Ip img {\n  -o-object-fit: contain;\n     object-fit: contain;\n  max-height: 100px;\n}\n",""]);var a="index-module--o9_Ip",l="index-module--ecL6y";const d=s},67169:(n,e,i)=>{"use strict";i.d(e,{I:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--xjNJA {\n  position: absolute;\n  z-index: 300;\n}\n",""]);var a="index-module--xjNJA";const l=s},7313:(n,e,i)=>{"use strict";i.d(e,{YS:()=>u,ZP:()=>m,qv:()=>b});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(46863),i.b),p=s()(t()),c=l()(d);p.push([n.id,".index-module--cOhDD {\n  display: flex;\n  align-items: center;\n  margin: 6px 12px;\n  gap: 6px;\n}\n\n.index-module--WyZVl {\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n",""]);var u="index-module--cOhDD",b="index-module--WyZVl";const m=p},51843:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>l,os:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--szpZM .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--szpZM .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: flex-start;\n}\n#index-module--NsDsL .index-module--A5LKy.index-module--MmCgV {\n  align-items: flex-start;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.index-module--szpZM .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--szpZM .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.index-module--szpZM .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n",""]);var a="index-module--szpZM";const l=s},98227:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>b,oW:()=>u});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(64197),i.b),p=s()(t()),c=l()(d);p.push([n.id,"/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2022 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 26, 2022\n */\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.librarycss-module--WDxPX.swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.librarycss-module--WDxPX .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.librarycss-module--WDxPX .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.librarycss-module--WDxPX .swiper-android .swiper-slide,\n.librarycss-module--WDxPX .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.librarycss-module--WDxPX .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.librarycss-module--WDxPX .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.librarycss-module--WDxPX .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n.librarycss-module--WDxPX .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-autoheight,\n.librarycss-module--WDxPX .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.librarycss-module--WDxPX .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.librarycss-module--WDxPX .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-3d,\n.librarycss-module--WDxPX .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n.librarycss-module--WDxPX .swiper-3d .swiper-cube-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-top,\n.librarycss-module--WDxPX .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.librarycss-module--WDxPX.swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*Free mode*/\n.librarycss-module--WDxPX.swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n.librarycss-module--WDxPX:root {\n  --swiper-navigation-size: 44px;\n}\n.librarycss-module--WDxPX.swiper-button-next,\n.librarycss-module--WDxPX.swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-disabled,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-hidden,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-next,\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  text-transform: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.librarycss-module--WDxPX .swiper-button-prev,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n.librarycss-module--WDxPX.swiper-button-prev:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.librarycss-module--WDxPX .swiper-button-next,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n.librarycss-module--WDxPX.swiper-button-lock {\n  display: none;\n}\n/*pagination*/\n.librarycss-module--WDxPX.swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 0.3s opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-disabled > .swiper-pagination,\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-pagination-bullets.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-custom,\n.librarycss-module--WDxPX.swiper-pagination-fraction {\n  bottom: 10px;\n  left: 0;\n  width: 100%;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.librarycss-module--WDxPX:globalbutton.librarycss-module--tbgP6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.librarycss-module--WDxPX.swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets {\n  right: 10px;\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    0.2s transform,\n    0.2s top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s left;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s right;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  position: absolute;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.librarycss-module--WDxPX.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar {\n  width: 4px;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-lock {\n  display: none;\n}\n",""]);var u="librarycss-module--WDxPX";const b=p},85883:(n,e,i)=>{"use strict";i.d(e,{Y:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--DDFDj {\n  width: 85%;\n  border-bottom: 1px solid #b1b1b1;\n  color: #4f4b49;\n  font-size: 20px;\n  font-weight: 300;\n}\n",""]);var a="index-module--DDFDj";const l=s},22226:(n,e,i)=>{"use strict";i.d(e,{CA:()=>a,K5:()=>c,TN:()=>u,ZP:()=>b,be:()=>p,pA:()=>d,rq:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"/*Size Normal */\n\n.index-module--e_7FC {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.index-module--e_7FC:active,\n.index-module--e_7FC:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--fRbe4 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--e_7FC:hover .index-module--fRbe4,\n.index-module--BJRzp .index-module--fRbe4 {\n  display: block;\n}\n\n.index-module--lYFwl {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.index-module--e_7FC:not(.index-module--BJRzp) .index-module--lYFwl {\n  overflow: hidden;\n}\n.index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--BJRzp .index-module--lYFwl:hover,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--BJRzp .index-module--lYFwl,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--yuCjJ {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\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--BJRzp .index-module--yuCjJ,\n.index-module--nBE6E.index-module--BJRzp .index-module--yuCjJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--uEtqR {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--dOhGn {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\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  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--e_7FC:hover .index-module--dOhGn,\n.index-module--nBE6E .index-module--e_7FC:hover .index-module--dOhGn {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--nBE6E .index-module--fRbe4 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--nBE6E .index-module--dOhGn {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--np649 .index-module--fRbe4 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--np649 .index-module--dOhGn {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--eHNW1 .index-module--fRbe4 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--eHNW1 .index-module--dOhGn {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var a="index-module--e_7FC",l="index-module--fRbe4",d="index-module--BJRzp",p="index-module--lYFwl",c="index-module--yuCjJ",u="index-module--dOhGn";const b=s},10640:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,ZP:()=>p,kT:()=>a,pA:()=>d});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--akcUO {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: solid #f8f8f8 2px;\n  margin: 2px;\n  display: block;\n}\n\n.index-module--AwJYr {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n}\n\n.index-module--doSYy {\n  width: 24px;\n  height: 24px;\n}\n.index-module--AwJYr,\n.index-module--akcUO {\n  transition: border-color 200ms ease;\n}\n\n.index-module--AwJYr:hover,\n.index-module--akcUO:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n\n.index-module--Dv5Hx.index-module--AwJYr,\n.index-module--Dv5Hx.index-module--akcUO {\n  border: 2px solid #4f4f4f;\n}\n",""]);var a="index-module--AwJYr",l="index-module--doSYy",d="index-module--Dv5Hx";const p=s},46863:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMzQuMzcxcHgiIGhlaWdodD0iMzgwLjU2M3B4IiB2aWV3Qm94PSIwIDAgMzM0LjM3MSAzODAuNTYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMzQuMzcxIDM4MC41NjMiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJpY29uX1BERl9maWxlIj4KCTxnIGlkPSJjb250b3VyXzEiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjgyLjY0NiwxMDIuMDY2IDI4Mi42NDYsMzU2LjY0NiAJCSIvPgoJCTxwYXRoIGQ9Ik0yMDEuMTg2LDMxLjk5bDczLjQ2LDczLjM5M3YyNDMuMjY0SDU5Ljc5MVYzMS45OUgyMDEuMTg2IE0yMDcuODA5LDE1Ljk5SDQzLjc5MXYzNDguNjU3aDI0Ni44NTRWOTguNzVMMjA3LjgwOSwxNS45OQoJCQlMMjA3LjgwOSwxNS45OXoiLz4KCTwvZz4KCTxnIGlkPSJjb250b3VyXzIiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjA2LjMwOSwyNS44IDIwNi4zMDksMTAwLjMyNyAyODAuOTA0LDEwMC4zMjcgCgkJCTI4Mi42NDYsMTAyLjA2NiAyODIuNjQ2LDM1Ni42NDYgCQkiLz4KCQk8cGF0aCBkPSJNMTk4LjMwOSwzMS45OXY2MC4zMzd2MTZoMTZoNjAuMzM3djI0MC4zMkg1OS43OTFWMzEuOTlIMTk4LjMwOSBNMjA3LjgwOSwxNS45OUg0My43OTF2MzQ4LjY1N2gyNDYuODU0Vjk4Ljc1CgkJCWwtNi40My02LjQyNGgtNjkuOTA3VjIyLjQ4NEwyMDcuODA5LDE1Ljk5TDIwNy44MDksMTUuOTl6Ii8+Cgk8L2c+Cgk8ZyBpZD0idHJpYW5nbGUiPgoJCTxwb2x5Z29uIHBvaW50cz0iMjE5LjY0Myw4Ny43NSAyMTkuNjQzLDQ4LjY2NyAyNTguMzA5LDg2LjM4IDI1OC4zMDksODcuNzUgCQkiLz4KCQk8cGF0aCBkPSJNMjI3LjY0Myw2Ny42NDZsMTIuNDEsMTIuMTA0aC0xMi40MVY2Ny42NDYgTTIyMi42NDEsNDAuNDE3aC0xMC45OThWOTUuNzVoNTQuNjY2VjgzLjAwOEwyMjIuNjQxLDQwLjQxN0wyMjIuNjQxLDQwLjQxN3oKCQkJIi8+Cgk8L2c+Cgk8ZyBpZD0icmVkX3NxdWFyZSI+CgkJPHBvbHlnb24gZmlsbD0iI0VEMUMyNCIgcG9pbnRzPSIyMi41NDQsMjg0LjQ5IDIyLjU0NCwxNjcuNjgyIDM3LjI5MSwxNTIuOTM1IDM3LjI5MSwxNzEuNDg5IDI5Ny4xNDYsMTcxLjQ4OSAyOTcuMTQ2LDE1Mi45MzUgCgkJCTMxMS44OTMsMTY3LjY4MiAzMTEuODkzLDI4NC40OSAJCSIvPgoJCTxwYXRoIGZpbGw9IiNFRDFDMjQiIGQ9Ik0zMDMuNjQ2LDE2OC42MjdsMS43NDcsMS43NDdWMjc3Ljk5SDI5LjA0NFYxNzAuMzc0bDEuNzQ3LTEuNzQ3djkuMzYyaDEzaDI0Ni44NTRoMTNWMTY4LjYyNwoJCQkgTTI5MC42NDYsMTM3LjI0MnYyNy43NDdINDMuNzkxdi0yNy43NDdsLTI3Ljc0NywyNy43NDdWMjkwLjk5aDMwMi4zNDlWMTY0Ljk4OUwyOTAuNjQ2LDEzNy4yNDJMMjkwLjY0NiwxMzcuMjQyeiIvPgoJPC9nPgoJPHJlY3QgeD0iNTIuMDk2IiB5PSIxODkuMzI0IiBmaWxsPSJub25lIiB3aWR0aD0iMjMyLjgyNiIgaGVpZ2h0PSI4Ny44MzQiLz4KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTIuMDk1NyAyNzEuNjYyMSkiIGZpbGw9IiNGRkZGRkYiIGZvbnQtZmFtaWx5PSJEZWphVnUgU2FucyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTA1Ij5QREY8L3RleHQ+CjwvZz4KPC9zdmc+"},64197:n=>{"use strict";n.exports="data:application/font-woff;charset=utf-8;base64, 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"}}]);

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

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

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

@@ -0,0 +1,2 @@
+/*! For license information please see 685.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[685,6552,2334,2072,5784,8291,58],{57446:function(r,m,x){var y;r.exports=(y=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var y=m[x]={i:x,l:!1,exports:{}};return r[x].call(y.exports,y,y.exports,n),y.l=!0,y.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var y in r)n.d(x,y,function(m){return r[m]}.bind(null,y));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=y},function(r,m,x){"use strict";var y=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,v,w,O){if(O!==y){var j=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 j.name="Invariant Violation",j}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var y=x(1),v=x.n(y),w=x(0),O=x.n(w),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var y in x)Object.prototype.hasOwnProperty.call(x,y)&&(r[y]=x[y])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var y=m[x];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(r,y.key,y)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,y=d(r);if(m){var v=d(this).constructor;x=Reflect.construct(y,arguments,v)}else x=y.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var j=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,y,w=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=w.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",y=this.props.triggerDisabled?"is-disabled":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,j=this.props.triggerTagName,C=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,k=P.contentOuterClassName,T=P.contentInnerClassName,N="".concat(S,"__trigger ").concat(x," ").concat(y," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(S,"__contentOuter ").concat(k),Z="".concat(S,"__contentInner ").concat(T);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(j,l({id:this.triggerId,className:N.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),w),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:Z.trim()},C)))}}])&&p(m.prototype,x),y&&p(m,y),Object.defineProperty(m,"prototype",{writable:!1}),s}(y.Component);j.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},j.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=j}]))},86552:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>B});var y=x(80248),v=x(72874),w=x(87363),O=x(9420),j=x(93379),C=x.n(j),P=x(7795),S=x.n(P),k=x(90569),T=x.n(k),N=x(3565),I=x.n(N),E=x(19216),Z=x.n(E),_=x(44589),D=x.n(_),A=x(6521),R={};R.styleTagTransform=D(),R.setAttributes=I(),R.insert=T().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=Z();C()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Q=x(65515),G=x.n(Q),W=x(63762),M=x(47514),z=["curBox","isExpanded","state"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const B=(0,O.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,x,y=r.state,O=(0,v.Z)(r,z),j=(0,W.NP)(),C=j.divaWebPlanner.getDivaArticles();if(!C)return(0,M.jsx)(M.Fragment,{});var P=Object.values(C).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!P.length)return(0,M.jsx)(M.Fragment,{});var S=null===(m=P[0].plannerData)||void 0===m?void 0:m.svgBefore,k=null===(x=P[0].plannerData)||void 0===x?void 0:x.svgAfter,T="before"==y?S:k;return(0,w.createElement)("div",_objectSpread(_objectSpread({},O),{},{className:G()(A.EU),key:j.settingsState.configChanged}),(0,M.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,M.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=T?T:"")},children:"copy"}),(0,M.jsx)("textarea",{readOnly:!0,value:T})]}))}))},82334:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>O});var y=x(9420),v=(x(87363),x(86552)),w=x(47514);const O=(0,y.Pi)((function index(r){var m=(0,w.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,w.jsx)("div",{children:m})}))},72072:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});var y=x(80248),v=x(38946),w=x(72874),O=x(88623),j=x(87363),C=x(63762),P=x(93476),S=x(92349),k=x(9420),T=x(65515),N=x.n(T),I=x(51203),E=x(57446),Z=x.n(E),_=x(85108),D=x(47514),A=["settings","title","ChildComponent"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const R=(0,k.Pi)((function ArticleOverview(r){var m,x=r.settings,y=r.title,k=r.ChildComponent,T=(0,w.Z)(r,A),E=(0,C.NP)();E.tabGroupState.allTabGroups;var R=(0,j.useState)(!0),Q=(0,v.Z)(R,2),G=Q[0],W=Q[1],M=(0,j.useState)(0),z=(0,v.Z)(M,2),B=z[0],U=z[1],H=(0,j.useState)(x[0].key),F=(0,v.Z)(H,2),J=F[0],X=F[1],L=E.divaWebPlanner.getDivaArticles();null===(m=E.divaWebPlanner.actSet())||void 0===m||m.configTree;if(!L)return(0,D.jsx)(D.Fragment,{});var K,V,q=Object.values(L),Y=q.filter((function(r){return r.hasCatalogPlannerArticle})).map((function(r){return r.catalogArticle.catalogPlannerArticle})),$={};"OPTIONSTATES"===J&&($=q.map((function(r){return r.VariantValues}))[B]);("DECISIONS"===J&&($=JSON.parse(JSON.stringify((0,O.ZN)(q.map((function(r){return r.decisions})))))),"CONFIGTREE"===J&&($={}),"J3D"===J)&&($=null!=q&&null!==(K=q[B])&&void 0!==K&&K.j3D?JSON.parse(JSON.stringify(null==q||null===(V=q[B])||void 0===V?void 0:V.j3D)):{});return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)("div",_objectSpread(_objectSpread({},T),{},{className:N()(T.className,E.uiState.configSettingsIsExpanded?I.NF:void 0),style:{zIndex:700},children:[(0,D.jsx)("a",{className:P.Fs,children:y}),(0,D.jsx)(Z(),_objectSpread(_objectSpread({trigger:(0,D.jsx)("div",{className:S.Ux,children:(0,D.jsx)("img",{src:_,className:S.Jf})}),onClose:function onClose(){return W(!G)},onOpen:function onOpen(){return W(!G)},triggerWhenOpen:(0,D.jsxs)("div",{className:S.Ux,children:[" ",(0,D.jsx)("img",{src:_,className:S.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,D.jsx)("div",{className:S.qk,children:q.map((function(r,m){return(0,D.jsxs)("div",{className:N()(S.BZ,m===B?S.Od:void 0),onClick:function onClick(){U(m)},children:[(0,D.jsx)("img",{src:r.imageUrl,className:S.tX}),(0,D.jsx)("p",{children:r.posNr}),(0,D.jsx)("p",{children:r.name}),(0,D.jsx)("p",{children:r.basketId})]},r.basketId)}))})})),(0,D.jsx)("div",{className:S.Uj,children:x.map((function(r,m){return(0,D.jsx)("button",{onClick:function onClick(){return X(r.key)},className:J===r.key?S._D:void 0,children:r.name},r.key)}))}),(0,D.jsx)(k,_objectSpread(_objectSpread({},T),{},{json:$,selectedJson:J,isExpanded:G,plannerArticles:Y,curBox:B,divaArticles:q}))]}))})}))},70685:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>P});var y=x(80248),v=x(88291),w=(x(87363),x(9420)),O=x(72072),j=x(82334),C=x(47514);function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const P=(0,w.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,C.jsx)(O.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:j.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,x)=>{"use strict";x.d(m,{EU:()=>j,ZP:()=>C});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var j="index-module--orfU0";const C=O},62860:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>j,Jf:()=>T,Od:()=>C,Uj:()=>Z,Ux:()=>k,YS:()=>I,ZP:()=>D,_D:()=>_,l1:()=>N,qk:()=>P,rp:()=>E,tX:()=>S});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var j="index-module--d56lH",C="index-module--TipV7",P="index-module--F8fkE",S="index-module--_cMQA",k="index-module--LpnAj",T="index-module--Sj8he",N="index-module--FqwmN",I="index-module--cGqPx",E="index-module--HI_ql",Z="index-module--kIX5J",_="index-module--x1F61";const D=O},98793:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>C,EM:()=>T,Fs:()=>S,Kz:()=>j,US:()=>k,ZP:()=>N,fm:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var j="index-module--LmG2a",C="index-module--A0hQw",P="index-module--PcNw4",S="index-module--Gh5Gk",k="index-module--Biof7",T="index-module--DLRJp";const N=O},89965:(r,m,x)=>{"use strict";x.d(m,{NF:()=>C,ZP:()=>S,ec:()=>j,pb:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var j="index-module--NA4Nc",C="index-module--zxgl3",P="index-module--WGNyK";const S=O},92349:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>E.BZ,Jf:()=>E.Jf,Od:()=>E.Od,Uj:()=>E.Uj,Ux:()=>E.Ux,YS:()=>E.YS,_D:()=>E._D,l1:()=>E.l1,qk:()=>E.qk,rp:()=>E.rp,tX:()=>E.tX});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(62860),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},93476:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(98793),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},51203:(r,m,x)=>{"use strict";x.d(m,{NF:()=>E.NF,ec:()=>E.ec,pb:()=>E.pb});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(89965),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},85108:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="},88291:(r,m,x)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}x.d(m,{Z:()=>_objectDestructuringEmpty})}}]);

package/build/umd/685.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:685 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6871.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>f});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),r=o(8135),a=o(47514),c=!1,d=!1;const f=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),f=s[0],p=s[1],v=(0,r.NP)(),g=(0,r._w)();if(v.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var y=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,p(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,p(!1)},onMouseMove:function onMouseMove(n){!c&&!v.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||f||p(!0)},onTouchMove:function onTouchMove(n){!c&&!v.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||f||p(!0)},onMouseUp:function onMouseUp(n){f||d||y(),c=!1},onTouchEnd:function onTouchEnd(n){f||d||y(),c=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,f||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,f||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){f||g.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){g.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>f});var t=o(38946),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),r=o(63762),a=o(47514),c=!1,d=!1;const f=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),f=s[0],p=s[1],v=(0,r.NP)(),g=(0,r._w)();if(v.uiState.isLoading)return(0,a.jsx)(a.Fragment,{});var y=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,a.jsx)("svg",{onMouseDown:function onMouseDown(n){c=!0,d=!1,p(!1)},onTouchStart:function onTouchStart(n){c=!0,d=!1,p(!1)},onMouseMove:function onMouseMove(n){!c&&!v.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||f||p(!0)},onTouchMove:function onTouchMove(n){!c&&!v.viewPlannerHandler.getPlanner3DGridIsInTransformMode()||f||p(!0)},onMouseUp:function onMouseUp(n){f||d||y(),c=!1},onTouchEnd:function onTouchEnd(n){f||d||y(),c=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,a.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,f||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,f||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){f||g.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){g.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,a.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6882.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(8135),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(63762),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6927.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6927,1862],{31862:(o,t,i)=>{i.r(t),i.d(t,{default:()=>C});var r=i(34988),d=i(80248),l=i(72874),a=i(9420),u=i(8135),p=i(87363),c=i(88683),m=i(93379),x=i.n(m),h=i(7795),v=i.n(h),b=i(90569),g=i.n(b),w=i(3565),y=i.n(w),j=i(19216),S=i.n(j),P=i(44589),k=i.n(P),I=i(96193),N={};N.styleTagTransform=k(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=i(65515),O=i.n(K),L=i(47514),_=["isInScroller","item","doShowFilter"];function ownKeys(o,t){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(i),!0).forEach((function(t){(0,d.Z)(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))}))}return o}const C=(0,a.Pi)((function Seachbar(o){var t=o.isInScroller,i=o.item,d=o.doShowFilter,a=(0,l.Z)(o,_),m=(0,u.NP)(),x=(0,c.useTranslation)().t,h=(0,p.useRef)(null);(0,p.useEffect)((function(){var o=m.settingsState.itemPalettes.get(i.id);(null==o?void 0:o.configStepKey)===i.configStepKey&&m.settingsState.updateItemPalette(o.id,_objectSpread(_objectSpread({},o),{},{htmlInputElement:h.current}))}),[h]);var v=(0,p.useState)(m.uiState.isInMobileView),b=(0,r.Z)(v,2),g=b[0],w=b[1],y=(0,p.useState)(!1),j=(0,r.Z)(y,2),S=j[0],P=j[1];return(0,L.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(o){return o.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,L.jsx)("input",_objectSpread(_objectSpread({},a),{},{ref:h,className:O()(I.Xx,d?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,t?I.Nb:void 0,m.uiState.isInMobileView?I.ai:void 0,m.uiState.isTablet?I.Mq:void 0),autoComplete:"off",value:i.searchText,onKeyUp:function onKeyUp(o){return function filterFreeTextChanged(o,t){""!==o?m.settingsState.onAllGroups(t,!1):m.paletteViewHandler.isGroupFolded(i.id)&&m.settingsState.onAllGroups(t,!0),m.paletteViewHandler.onSearchTextChanged(o,t)}(o.target.value,i.id)},placeholder:x("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(o){return w(!1)},onTouchStart:function onTouchStart(o){w(!1),setTimeout((function(){P(!0)}),100)},onBlur:function onBlur(){S&&(w(m.uiState.isInMobileView),P(!1))},disabled:g}))})}))},16927:(o,t,i)=>{i.r(t),i.d(t,{default:()=>D});var r=i(34988),d=i(65515),l=i.n(d),a=i(9420),u=i(87363),p=i(10304),c=i(16659),m=i(93379),x=i.n(m),h=i(7795),v=i.n(h),b=i(90569),g=i.n(b),w=i(3565),y=i.n(w),j=i(19216),S=i.n(j),P=i(44589),k=i.n(P),I=i(15285),N={};N.styleTagTransform=k(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=i(31862),O=i(92470),L=i(98544),_=i(48657),C=i(47514);function _createForOfIteratorHelper(o,t){var i="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!i){if(Array.isArray(o)||(i=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var i={}.toString.call(o).slice(8,-1);return"Object"===i&&o.constructor&&(i=o.constructor.name),"Map"===i||"Set"===i?Array.from(o):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){i&&(o=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function s(){i=i.call(o)},n:function n(){var o=i.next();return a=o.done,o},e:function e(o){u=!0,l=o},f:function f(){try{a||null==i.return||i.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var i=0,r=Array(t);i<t;i++)r[i]=o[i];return r}const D=(0,a.Pi)((function GroupDropdown(o){var t,i,d,a,m=o.filteredGroups,x=o.PaletteComponent,h=o.id,v=o.item,b=o.showSearchBar,g=o.contentInnerClassName,w=(0,u.useState)(null),y=(0,r.Z)(w,2),j=y[0],S=y[1],P=[],k=-1,N=-1,D=-1,T=!1,A="---";if(m[0]&&null!==(t=m[0])&&void 0!==t&&null!==(t=t.items)&&void 0!==t&&t[0]){var z;(null===(z=m[0])||void 0===z||null===(z=z.items)||void 0===z?void 0:z[0]).parentName&&(T=!0);for(var V=v.currentItemsFilter?v.groups:m,M=function _loop(){var o=V[Y];a||(a=o.items.find((function(o){return o.sel})),a&&(k=Y));var t=o.items[0];if(T){var i=P.find((function(o){return o.key==t.parentName}));i||(i={type:"group",key:t.parentName,name:(0,C.jsxs)("div",{className:I.Kj,children:[(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:t.parentName}}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(_.default,{asyncPricePreview:t.pricePreviewPromise})]}),items:[]},P.push(i)),i.items.push({label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}})}),value:o.name}),k==Y&&(N=i.items.length-1,k=P.findIndex((function(o){return o.key==t.parentName})))}else P.push({label:(0,C.jsxs)("div",{className:I.Kj,children:[(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(_.default,{asyncPricePreview:t.pricePreviewPromise})]}),value:o.name})},Y=0;Y<V.length;Y++)M();if(D=k,j&&(D=m.findIndex((function(o){return o.name==j}))),v.currentItemsFilter)A="---";else if(j)A=j;else{var Z;if(null!==(Z=P[k])&&void 0!==Z&&Z.label)A={label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:P[k].value}})}),value:P[k].value},D=k;else if(k>=0){var U,R=null===(U=P[k])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[N];A={label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:R.value}})}),value:R.value};for(var W=N,G=0;G<P.length&&G<k;G++)W+=P[G].items.length;D=W}}}var H,B=[],E=_createForOfIteratorHelper(m);try{for(E.s();!(H=E.n()).done;){var J,X=_createForOfIteratorHelper(H.value.items);try{for(X.s();!(J=X.n()).done;){var q=J.value;B.push(q)}}catch(o){X.e(o)}finally{X.f()}}}catch(o){E.e(o)}finally{E.f()}var Q=v.currentItemsFilter?B:null===(i=m[D])||void 0===i?void 0:i.items;return(0,C.jsxs)(C.Fragment,{children:[b&&(0,C.jsx)(K.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,C.jsxs)("div",{className:I.nC,children:[(0,C.jsxs)("div",{className:I.O7,children:[(0,C.jsx)("div",{className:I.eR,children:(0,C.jsx)(c.default,{id:h,dropdownRootClass:I.oF})}),(null===(d=m[D])||void 0===d?void 0:d.contentItemId)&&(0,C.jsx)(L.default,{item:m[D],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},m[D].key),(0,C.jsx)("div",{className:l()(I.eR,I.YS),children:(0,C.jsx)(p.Z,{className:l()(I.oF),controlClassName:I.x_,options:P,value:A,onChange:function onGroupSel(o){var t;null===(t=v.deleteCurFilter)||void 0===t||t.call(v),S(o.value)},menuClassName:I.Kh,arrowClosed:(0,C.jsx)(O.default,{open:!1}),arrowOpen:(0,C.jsx)(O.default,{open:!0})})})]}),(0,C.jsx)("div",{className:g,children:null==Q?void 0:Q.map((function(o,t){return(0,C.jsx)(x,{paletteId:h,item:o,hidePricePreview:!0,namePostFix:v.currentItemsFilter&&o.groupName?"<br/>"+o.groupName:void 0},t)}))})]})]})}))},96193:(o,t,i)=>{i.d(t,{Gp:()=>v,Hj:()=>h,Mq:()=>c,Nb:()=>m,Xx:()=>u,ZP:()=>b,_F:()=>x,ai:()=>p});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([o.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var u="index-module--rVLUK",p="index-module--cO8Ww",c="index-module--M7WBB",m="index-module--iFAfh",x="index-module--elYJb",h="index-module--radk0",v="index-module--ljh7V";const b=a},15285:(o,t,i)=>{i.d(t,{Kh:()=>m,Kj:()=>v,O7:()=>x,YS:()=>w,ZP:()=>y,eR:()=>h,fL:()=>b,nC:()=>u,oF:()=>p,w8:()=>g,x_:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([o.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  min-width: -moz-fit-content !important;\n  min-width: fit-content !important;\n}\n\n.index-module--Knibb {\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  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n\n.index-module--khpFY .Dropdown-root {\n  position: relative;\n}\n\n.index-module--khpFY .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--APlX2 .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--IJj1R .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--khpFY .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--khpFY .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--khpFY .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--khpFY .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--khpFY .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--khpFY .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--khpFY .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--khpFY .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--khpFY .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--khpFY .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var u="index-module--NmcGW",p="index-module--huzmx",c="index-module--KIWOS",m="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",b="index-module--ZJtCs",g="index-module--Rcf58",w="index-module--khpFY";const y=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6927,1862],{31862:(o,t,i)=>{i.r(t),i.d(t,{default:()=>C});var r=i(38946),d=i(80248),l=i(72874),a=i(9420),u=i(63762),p=i(87363),c=i(88683),m=i(93379),x=i.n(m),h=i(7795),v=i.n(h),b=i(90569),g=i.n(b),w=i(3565),y=i.n(w),j=i(19216),S=i.n(j),P=i(44589),k=i.n(P),I=i(96193),N={};N.styleTagTransform=k(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=i(65515),O=i.n(K),L=i(47514),_=["isInScroller","item","doShowFilter"];function ownKeys(o,t){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(i),!0).forEach((function(t){(0,d.Z)(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(i,t))}))}return o}const C=(0,a.Pi)((function Seachbar(o){var t=o.isInScroller,i=o.item,d=o.doShowFilter,a=(0,l.Z)(o,_),m=(0,u.NP)(),x=(0,c.useTranslation)().t,h=(0,p.useRef)(null);(0,p.useEffect)((function(){var o=m.settingsState.itemPalettes.get(i.id);(null==o?void 0:o.configStepKey)===i.configStepKey&&m.settingsState.updateItemPalette(o.id,_objectSpread(_objectSpread({},o),{},{htmlInputElement:h.current}))}),[h]);var v=(0,p.useState)(m.uiState.isInMobileView),b=(0,r.Z)(v,2),g=b[0],w=b[1],y=(0,p.useState)(!1),j=(0,r.Z)(y,2),S=j[0],P=j[1];return(0,L.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(o){return o.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,L.jsx)("input",_objectSpread(_objectSpread({},a),{},{ref:h,className:O()(I.Xx,d?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,t?I.Nb:void 0,m.uiState.isInMobileView?I.ai:void 0,m.uiState.isTablet?I.Mq:void 0),autoComplete:"off",value:i.searchText,onKeyUp:function onKeyUp(o){return function filterFreeTextChanged(o,t){""!==o?m.settingsState.onAllGroups(t,!1):m.paletteViewHandler.isGroupFolded(i.id)&&m.settingsState.onAllGroups(t,!0),m.paletteViewHandler.onSearchTextChanged(o,t)}(o.target.value,i.id)},placeholder:x("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(o){return w(!1)},onTouchStart:function onTouchStart(o){w(!1),setTimeout((function(){P(!0)}),100)},onBlur:function onBlur(){S&&(w(m.uiState.isInMobileView),P(!1))},disabled:g}))})}))},16927:(o,t,i)=>{i.r(t),i.d(t,{default:()=>D});var r=i(38946),d=i(65515),l=i.n(d),a=i(9420),u=i(87363),p=i(10304),c=i(16659),m=i(93379),x=i.n(m),h=i(7795),v=i.n(h),b=i(90569),g=i.n(b),w=i(3565),y=i.n(w),j=i(19216),S=i.n(j),P=i(44589),k=i.n(P),I=i(15285),N={};N.styleTagTransform=k(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=v(),N.insertStyleElement=S();x()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var K=i(31862),O=i(92470),L=i(98544),_=i(48657),C=i(47514);function _createForOfIteratorHelper(o,t){var i="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!i){if(Array.isArray(o)||(i=function _unsupportedIterableToArray(o,t){if(o){if("string"==typeof o)return _arrayLikeToArray(o,t);var i={}.toString.call(o).slice(8,-1);return"Object"===i&&o.constructor&&(i=o.constructor.name),"Map"===i||"Set"===i?Array.from(o):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(o,t):void 0}}(o))||t&&o&&"number"==typeof o.length){i&&(o=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,u=!1;return{s:function s(){i=i.call(o)},n:function n(){var o=i.next();return a=o.done,o},e:function e(o){u=!0,l=o},f:function f(){try{a||null==i.return||i.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(o,t){(null==t||t>o.length)&&(t=o.length);for(var i=0,r=Array(t);i<t;i++)r[i]=o[i];return r}const D=(0,a.Pi)((function GroupDropdown(o){var t,i,d,a,m=o.filteredGroups,x=o.PaletteComponent,h=o.id,v=o.item,b=o.showSearchBar,g=o.contentInnerClassName,w=(0,u.useState)(null),y=(0,r.Z)(w,2),j=y[0],S=y[1],P=[],k=-1,N=-1,D=-1,T=!1,A="---";if(m[0]&&null!==(t=m[0])&&void 0!==t&&null!==(t=t.items)&&void 0!==t&&t[0]){var z;(null===(z=m[0])||void 0===z||null===(z=z.items)||void 0===z?void 0:z[0]).parentName&&(T=!0);for(var V=v.currentItemsFilter?v.groups:m,M=function _loop(){var o=V[Y];a||(a=o.items.find((function(o){return o.sel})),a&&(k=Y));var t=o.items[0];if(T){var i=P.find((function(o){return o.key==t.parentName}));i||(i={type:"group",key:t.parentName,name:(0,C.jsxs)("div",{className:I.Kj,children:[(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:t.parentName}}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(_.default,{asyncPricePreview:t.pricePreviewPromise})]}),items:[]},P.push(i)),i.items.push({label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}})}),value:o.name}),k==Y&&(N=i.items.length-1,k=P.findIndex((function(o){return o.key==t.parentName})))}else P.push({label:(0,C.jsxs)("div",{className:I.Kj,children:[(0,C.jsx)("div",{className:l()(I.fL,t.pricePreviewPromise?I.w8:void 0),dangerouslySetInnerHTML:{__html:o.name}}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(_.default,{asyncPricePreview:t.pricePreviewPromise})]}),value:o.name})},Y=0;Y<V.length;Y++)M();if(D=k,j&&(D=m.findIndex((function(o){return o.name==j}))),v.currentItemsFilter)A="---";else if(j)A=j;else{var Z;if(null!==(Z=P[k])&&void 0!==Z&&Z.label)A={label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:P[k].value}})}),value:P[k].value},D=k;else if(k>=0){var U,R=null===(U=P[k])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[N];A={label:(0,C.jsx)("div",{className:I.Kj,children:(0,C.jsx)("div",{className:I.fL,dangerouslySetInnerHTML:{__html:R.value}})}),value:R.value};for(var W=N,G=0;G<P.length&&G<k;G++)W+=P[G].items.length;D=W}}}var H,B=[],E=_createForOfIteratorHelper(m);try{for(E.s();!(H=E.n()).done;){var J,X=_createForOfIteratorHelper(H.value.items);try{for(X.s();!(J=X.n()).done;){var q=J.value;B.push(q)}}catch(o){X.e(o)}finally{X.f()}}}catch(o){E.e(o)}finally{E.f()}var Q=v.currentItemsFilter?B:null===(i=m[D])||void 0===i?void 0:i.items;return(0,C.jsxs)(C.Fragment,{children:[b&&(0,C.jsx)(K.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,C.jsxs)("div",{className:I.nC,children:[(0,C.jsxs)("div",{className:I.O7,children:[(0,C.jsx)("div",{className:I.eR,children:(0,C.jsx)(c.default,{id:h,dropdownRootClass:I.oF})}),(null===(d=m[D])||void 0===d?void 0:d.contentItemId)&&(0,C.jsx)(L.default,{item:m[D],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},m[D].key),(0,C.jsx)("div",{className:l()(I.eR,I.YS),children:(0,C.jsx)(p.Z,{className:l()(I.oF),controlClassName:I.x_,options:P,value:A,onChange:function onGroupSel(o){var t;null===(t=v.deleteCurFilter)||void 0===t||t.call(v),S(o.value)},menuClassName:I.Kh,arrowClosed:(0,C.jsx)(O.default,{open:!1}),arrowOpen:(0,C.jsx)(O.default,{open:!0})})})]}),(0,C.jsx)("div",{className:g,children:null==Q?void 0:Q.map((function(o,t){return(0,C.jsx)(x,{paletteId:h,item:o,hidePricePreview:!0,namePostFix:v.currentItemsFilter&&o.groupName?"<br/>"+o.groupName:void 0},t)}))})]})]})}))},96193:(o,t,i)=>{i.d(t,{Gp:()=>v,Hj:()=>h,Mq:()=>c,Nb:()=>m,Xx:()=>u,ZP:()=>b,_F:()=>x,ai:()=>p});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([o.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var u="index-module--rVLUK",p="index-module--cO8Ww",c="index-module--M7WBB",m="index-module--iFAfh",x="index-module--elYJb",h="index-module--radk0",v="index-module--ljh7V";const b=a},15285:(o,t,i)=>{i.d(t,{Kh:()=>m,Kj:()=>v,O7:()=>x,YS:()=>w,ZP:()=>y,eR:()=>h,fL:()=>b,nC:()=>u,oF:()=>p,w8:()=>g,x_:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([o.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  min-width: -moz-fit-content !important;\n  min-width: fit-content !important;\n}\n\n.index-module--Knibb {\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  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n\n.index-module--khpFY .Dropdown-root {\n  position: relative;\n}\n\n.index-module--khpFY .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--APlX2 .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--IJj1R .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--khpFY .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--khpFY .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--khpFY .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--khpFY .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--khpFY .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--khpFY .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--khpFY .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--khpFY .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--khpFY .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--khpFY .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var u="index-module--NmcGW",p="index-module--huzmx",c="index-module--KIWOS",m="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",b="index-module--ZJtCs",g="index-module--Rcf58",w="index-module--khpFY";const y=a}}]);