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

@crystaldesign/diva-web-planner-react 26.3.0-beta.2 → 26.3.0-beta.21

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

Files changed (624) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7979.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7979,4551,7853],{66014:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(8135),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},47979:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(8135),o=n(87363),r=n(66014),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=g();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(34586),y=n(97853),w=n(46567),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(v.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(68636),l=n(8135),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},34586:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(8135),s=n(9420),l=n(31355),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(8135)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(8135),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=b(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(8135),l=n(82956),d=n(38188),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(84551),m=n(65515),S=n.n(m),h=n(47514);const v=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,v=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(8135)),a=n(80509),s=n(38188),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(50393),x=n(51451),b=n(40283),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7979,4551,7853],{66014:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(63762),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},47979:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(63762),o=n(87363),r=n(66014),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),h={};h.styleTagTransform=m(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=g();s()(S.ZP,h);S.ZP&&S.ZP.locals&&S.ZP.locals;var v=n(34586),y=n(97853),w=n(46567),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(v.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(68636),l=n(63762),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},34586:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(63762),s=n(9420),l=n(31355),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),h=n.n(S),v=n(44589),y=n.n(v),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=h();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(63762)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(63762),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),h=n(76640),v={};v.styleTagTransform=S(),v.setAttributes=b(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:h.qv})})}))},50393:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(63762),l=n(82956),d=n(38188),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(84551),m=n(65515),S=n.n(m),h=n(47514);const v=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,v=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(63762)),a=n(80509),s=n(38188),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(50393),x=n(51451),b=n(40283),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!m.uiState.isInMobileView&&h]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8063.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8063,8291],{68063:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(80248),c=r(88291),o=(r(87363),r(8135)),i=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const s=function BasketMobile(e){var t=Object.assign({},((0,c.Z)(e),e)),r=(0,o.NP)();return(0,i.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return r.actionButtonState.onClickAddToBasket(r)}}))}},88291:(e,t,r)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}r.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8063,8291,58],{68063:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var n=r(80248),c=r(88291),o=(r(87363),r(63762)),i=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const s=function BasketMobile(e){var t=Object.assign({},((0,c.Z)(e),e)),r=(0,o.NP)();return(0,i.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return r.actionButtonState.onClickAddToBasket(r)}}))}},88291:(e,t,r)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}r.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8101.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8101],{59698:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),r=o(87726),i=o(39916),l=o(22791),a=o(97843),s=o(80518),c=o(19596),d=o(14685),u=o(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,d.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var p=o(47514);const m=(0,a.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,s.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=t.forwardRef((function SvgIcon(e,n){const o=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:a,className:s,color:d="inherit",component:u="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:f=!1,titleAccess:g,viewBox:x="0 0 24 24",...S}=o,b=t.isValidElement(a)&&"svg"===a.type,y={...o,color:d,component:u,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:x,hasSvgAsChild:b},k={};f||(k.viewBox=x);const C=(e=>{const{color:n,fontSize:o,classes:t}=e,r={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,t)})(y);return(0,p.jsxs)(m,{as:u,className:(0,r.Z)(C.root,s),focusable:"false",color:h,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:n,...k,...S,...b&&a.props,ownerState:y,children:[b?a.props.children:a,g?(0,p.jsx)("title",{children:g}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,n){function Component(o,t){return(0,p.jsx)(h,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=h.muiName,t.memo(t.forwardRef(Component))}},68101:(e,n,o)=>{o.r(n),o.d(n,{default:()=>P});var t=o(34988),r=o(87363),i=o(65515),l=o.n(i),a=o(59698),s=o(45167),c=o(88683),d=o(8135),u=o(93379),p=o.n(u),m=o(7795),v=o.n(m),h=o(90569),f=o.n(h),g=o(3565),x=o.n(g),S=o(19216),b=o.n(S),y=o(44589),k=o.n(y),C=o(8441),j={};j.styleTagTransform=k(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=b();p()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(70178),w=o(47514),Z=(0,c.getLogger)("Planner","ReverseCheck");const P=function ReverseCheck(e){var n=e.item,o=e.paletteId,i=(0,d.NP)(),u=(0,c.useTranslation)().t,p=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,m=(0,r.useState)(null),v=(0,t.Z)(m,2),h=v[0],f=v[1],g=(0,r.useState)(!1),x=(0,t.Z)(g,2),S=x[0],b=x[1];(0,r.useEffect)((function(){var e=!0;return p?(b(!0),p.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){Z.error(new z.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&b(!1)}))):f(null),function(){e=!1}}),[p]);return p?S?(0,w.jsx)("div",{className:l()(C.Nh,C.V_),children:(0,w.jsx)("div",{className:C.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.IN,C.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var o=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=i.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,w.jsx)(a.Z,{className:C.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.J9),onClick:function handleWarningClick(e){var t;e.stopPropagation();var r=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(t=i.actions)||void 0===t||t.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:r}),accept:!0,reject:!0,callback:function callback(e){e&&i.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)}})},children:(0,w.jsx)(s.Z,{className:C.tO})}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{})}},8441:(e,n,o)=>{o.d(n,{A4:()=>c,IN:()=>s,J9:()=>v,Nh:()=>a,V_:()=>d,ZP:()=>h,lY:()=>u,tL:()=>p,tO:()=>m});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--o8212",s="index-module--dDHyo",c="index-module--oyt7q",d="index-module--CTeV9",u="index-module--j1YrR",p="index-module--bG0Fi",m="index-module--Ej4oh",v="index-module--lFAqA";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8101],{59698:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>i});var t=o(96177),r=o(47514);const i=(0,t.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),r=o(87726),i=o(39916),l=o(22791),a=o(97843),s=o(80518),c=o(19596),d=o(14685),u=o(65734);function getSvgIconUtilityClass(e){return(0,u.ZP)("MuiSvgIcon",e)}(0,d.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var p=o(47514);const m=(0,a.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,s.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),v=t.forwardRef((function SvgIcon(e,n){const o=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:a,className:s,color:d="inherit",component:u="svg",fontSize:v="medium",htmlColor:h,inheritViewBox:f=!1,titleAccess:g,viewBox:x="0 0 24 24",...S}=o,b=t.isValidElement(a)&&"svg"===a.type,y={...o,color:d,component:u,fontSize:v,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:x,hasSvgAsChild:b},k={};f||(k.viewBox=x);const C=(e=>{const{color:n,fontSize:o,classes:t}=e,r={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,t)})(y);return(0,p.jsxs)(m,{as:u,className:(0,r.Z)(C.root,s),focusable:"false",color:h,"aria-hidden":!g||void 0,role:g?"img":void 0,ref:n,...k,...S,...b&&a.props,ownerState:y,children:[b?a.props.children:a,g?(0,p.jsx)("title",{children:g}):null]})}));v.muiName="SvgIcon";const h=v;function createSvgIcon(e,n){function Component(o,t){return(0,p.jsx)(h,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=h.muiName,t.memo(t.forwardRef(Component))}},68101:(e,n,o)=>{o.r(n),o.d(n,{default:()=>P});var t=o(34988),r=o(87363),i=o(65515),l=o.n(i),a=o(59698),s=o(45167),c=o(88683),d=o(63762),u=o(93379),p=o.n(u),m=o(7795),v=o.n(m),h=o(90569),f=o.n(h),g=o(3565),x=o.n(g),S=o(19216),b=o.n(S),y=o(44589),k=o.n(y),C=o(8441),j={};j.styleTagTransform=k(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=b();p()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(70178),w=o(47514),Z=(0,c.getLogger)("Planner","ReverseCheck");const P=function ReverseCheck(e){var n=e.item,o=e.paletteId,i=(0,d.NP)(),u=(0,c.useTranslation)().t,p=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,m=(0,r.useState)(null),v=(0,t.Z)(m,2),h=v[0],f=v[1],g=(0,r.useState)(!1),x=(0,t.Z)(g,2),S=x[0],b=x[1];(0,r.useEffect)((function(){var e=!0;return p?(b(!0),p.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){Z.error(new z.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&b(!1)}))):f(null),function(){e=!1}}),[p]);return p?S?(0,w.jsx)("div",{className:l()(C.Nh,C.V_),children:(0,w.jsx)("div",{className:C.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.IN,C.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var o=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=i.actions)||void 0===n||n.openModal({title:u("configurator.reverseCheck.blocked.title"),text:u("configurator.reverseCheck.blocked.text",{options:o}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,w.jsx)(a.Z,{className:C.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,w.jsx)("div",{className:l()(C.Nh,C.J9),onClick:function handleWarningClick(e){var t;e.stopPropagation();var r=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(t=i.actions)||void 0===t||t.openModal({title:u("configurator.reverseCheck.warning.title"),text:u("configurator.reverseCheck.warning.text",{options:r}),accept:!0,reject:!0,callback:function callback(e){e&&i.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)}})},children:(0,w.jsx)(s.Z,{className:C.tO})}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(w.Fragment,{})}},8441:(e,n,o)=>{o.d(n,{A4:()=>c,IN:()=>s,J9:()=>v,Nh:()=>a,V_:()=>d,ZP:()=>h,lY:()=>u,tL:()=>p,tO:()=>m});var t=o(8081),r=o.n(t),i=o(23645),l=o.n(i)()(r());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--o8212",s="index-module--dDHyo",c="index-module--oyt7q",d="index-module--CTeV9",u="index-module--j1YrR",p="index-module--bG0Fi",m="index-module--Ej4oh",v="index-module--lFAqA";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8133.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8133],{78133:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var a=e(93379),s=e.n(a),i=e(7795),o=e.n(i),l=e(90569),r=e.n(l),c=e(3565),u=e.n(c),d=e(19216),p=e.n(d),m=e(44589),y=e.n(m),f=e(87759),h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=o(),h.insertStyleElement=p();s()(f.Z,h);f.Z&&f.Z.locals&&f.Z.locals;var b=e(8135),g=e(88683),v=e(9420),x=(e(87363),e(47514));const k=(0,v.Pi)((function DontReopenAutomatically(n){var t=(0,g.useTranslation)().t,e=(0,b.NP)();return(0,x.jsxs)("div",{className:f.Y,onClick:function onClick(){return e.settingsState.setDontReopenAutomatically(!e.settingsState.dontReopenAutomatically)},children:[(0,x.jsx)("div",{children:t("configurator.dontReopenAutomatically")}),(0,x.jsx)("input",{type:"checkbox",checked:e.settingsState.dontReopenAutomatically})]})}))},87759:(n,t,e)=>{e.d(t,{Y:()=>l,Z:()=>r});var a=e(8081),s=e.n(a),i=e(23645),o=e.n(i)()(s());o.push([n.id,".index-module--I1B9F {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  cursor: pointer;\n}\n",""]);var l="index-module--I1B9F";const r=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8133],{78133:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var a=e(93379),s=e.n(a),i=e(7795),o=e.n(i),l=e(90569),r=e.n(l),c=e(3565),u=e.n(c),d=e(19216),p=e.n(d),m=e(44589),y=e.n(m),f=e(87759),h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=o(),h.insertStyleElement=p();s()(f.Z,h);f.Z&&f.Z.locals&&f.Z.locals;var b=e(63762),g=e(88683),v=e(9420),x=(e(87363),e(47514));const k=(0,v.Pi)((function DontReopenAutomatically(n){var t=(0,g.useTranslation)().t,e=(0,b.NP)();return(0,x.jsxs)("div",{className:f.Y,onClick:function onClick(){return e.settingsState.setDontReopenAutomatically(!e.settingsState.dontReopenAutomatically)},children:[(0,x.jsx)("div",{children:t("configurator.dontReopenAutomatically")}),(0,x.jsx)("input",{type:"checkbox",checked:e.settingsState.dontReopenAutomatically})]})}))},87759:(n,t,e)=>{e.d(t,{Y:()=>l,Z:()=>r});var a=e(8081),s=e.n(a),i=e(23645),o=e.n(i)()(s());o.push([n.id,".index-module--I1B9F {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  cursor: pointer;\n}\n",""]);var l="index-module--I1B9F";const r=o}}]);

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

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

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

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

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

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

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

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

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

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