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

@crystaldesign/diva-web-planner-react 26.12.0-rc.2 → 26.12.0-rc.3

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 (431) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3947.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3947,5262],{5262:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(35567),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13947:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(35567),s=i(82956),l=i(97037),p=i(74133),u=i(84658),w=i(12952),c=i(34988),x=i(50747),f=i.n(x),g=i(88683),m=i(5262),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3947,5262],{5262:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(91214),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13947:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(91214),s=i(82956),l=i(97037),p=i(74133),u=i(84658),w=i(12952),c=i(34988),x=i(50747),f=i.n(x),g=i(88683),m=i(5262),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3981.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3981],{63981:(n,e,o)=>{o.r(e),o.d(e,{default:()=>E});var i=o(12952),t=o(65515),d=o.n(t),l=o(35567),r=o(9420),a=o(87363),s=o(88683),u=o(93379),p=o.n(u),x=o(7795),b=o.n(x),m=o(90569),c=o.n(m),h=o(3565),f=o.n(h),g=o(19216),v=o.n(g),P=o(44589),T=o.n(P),F=o(67463),S={};S.styleTagTransform=T(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=b(),S.insertStyleElement=v();p()(F.ZP,S);F.ZP&&F.ZP.locals&&F.ZP.locals;var w=o(47514);const E=(0,r.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),t=(0,s.useTranslation)().t,r=(0,a.useRef)(null),u=o.tabGroupState.curTabGroup;(0,a.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var p=(0,i.Z)(o.tabGroupState.allTabGroups.keys()),x=e.posNr==(null==u?void 0:u.posNr),b=p[p.length-1]==e.key;return(0,w.jsxs)("div",{className:d()(F.YS,o.uiState.isMobilePortrait?F.tW:void 0,o.uiState.isTablet?F.Mq:void 0,e.title==(null==u?void 0:u.title)&&x?F.F1:void 0),children:[(0,w.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(F.TI),children:[!o.uiState.isInMobileView&&(0,w.jsx)("span",{className:d()(F.EF),children:e.posNr}),t("configurator."+e.title,e.title)]}),!b&&(0,w.jsx)("div",{className:F.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3981],{63981:(n,e,o)=>{o.r(e),o.d(e,{default:()=>E});var i=o(12952),t=o(65515),d=o.n(t),l=o(91214),r=o(9420),a=o(87363),s=o(88683),u=o(93379),p=o.n(u),x=o(7795),b=o.n(x),m=o(90569),c=o.n(m),h=o(3565),f=o.n(h),g=o(19216),v=o.n(g),P=o(44589),T=o.n(P),F=o(67463),S={};S.styleTagTransform=T(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=b(),S.insertStyleElement=v();p()(F.ZP,S);F.ZP&&F.ZP.locals&&F.ZP.locals;var w=o(47514);const E=(0,r.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),t=(0,s.useTranslation)().t,r=(0,a.useRef)(null),u=o.tabGroupState.curTabGroup;(0,a.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var p=(0,i.Z)(o.tabGroupState.allTabGroups.keys()),x=e.posNr==(null==u?void 0:u.posNr),b=p[p.length-1]==e.key;return(0,w.jsxs)("div",{className:d()(F.YS,o.uiState.isMobilePortrait?F.tW:void 0,o.uiState.isTablet?F.Mq:void 0,e.title==(null==u?void 0:u.title)&&x?F.F1:void 0),children:[(0,w.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(F.TI),children:[!o.uiState.isInMobileView&&(0,w.jsx)("span",{className:d()(F.EF),children:e.posNr}),t("configurator."+e.title,e.title)]}),!b&&(0,w.jsx)("div",{className:F.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4042.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4042],{74042:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(35567)),l=i(93379),r=i.n(l),u=i(7795),s=i.n(u),g=i(90569),c=i.n(g),x=i(3565),m=i.n(x),M=i(19216),p=i.n(M),b=i(44589),I=i.n(b),h=i(95055),v={};v.styleTagTransform=I(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),L=i(47514);const N=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,L.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,L.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,L.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,L.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>m,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>M,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(37766),i.b),s=a()(o()),g=r()(u);s.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",m="index-module--Jw9JV",M="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=s},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4042],{74042:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(91214)),l=i(93379),r=i.n(l),u=i(7795),s=i.n(u),g=i(90569),c=i.n(g),x=i(3565),m=i.n(x),M=i(19216),p=i.n(M),b=i(44589),I=i.n(b),h=i(95055),v={};v.styleTagTransform=I(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),L=i(47514);const N=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,L.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,L.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,L.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,L.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>m,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>M,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(37766),i.b),s=a()(o()),g=r()(u);s.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",m="index-module--Jw9JV",M="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=s},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4069.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4069,4178],{34069:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(9420),i=(n(87363),n(84178)),o=n(93379),s=n.n(o),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),b=n.n(p),m=n(19216),v=n.n(m),g=n(44589),f=n.n(g),x=n(56490),h={};h.styleTagTransform=f(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=n(35567),y=n(88683),S=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var t,n=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:x.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:x.Rr,children:y.DivaUtils.formatPrice(null!==(t=n.productState.formatedTotalPrice)&&void 0!==t?t:0,n.productState.priceFormat)})]}),minHeight:65}))}))},84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var r=n(34988),a=n(65515),i=n.n(a),o=n(9420),s=n(35567),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),m=n(90569),v=n.n(m),g=n(3565),f=n.n(g),x=n(19216),h=n.n(x),P=n(44589),y=n.n(P),S=n(38027),k={};k.styleTagTransform=y(),k.setAttributes=f(),k.insert=v().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=h();u()(S.ZP,k);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(47514);const j=(0,o.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,a=e.height,o=e.minHeight,d=void 0===o?80:o,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?S.to:b,v=e.wcActiveStepClass,g=void 0===v?S.F1:v,f=e.verticalItemPoligonClass,x=void 0===f?S.Wb:f,h=e.wcStepIconClass,P=void 0===h?S.x3:h,y=e.lastItemDiv,k=(0,s.NP)(),j=(0,c.useTranslation)().t,G=(0,l.useRef)(null),C=(0,l.useState)(8),O=(0,r.Z)(C,2),I=O[0],T=O[1],B=k.tabGroupState.curTabGroup;a<d&&(a=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(k.tabGroupState.setTabGroupItems(n.key,G.current),G.current){var e=getComputedStyle(G.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||T(t)}}}),[G]);var R=n.posNr==(null==B?void 0:B.posNr),_=k.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==B?void 0:B.posNr)),z=function getRoundedPath(e,t){for(var n=e.length,r=[],a=0;a<n;a++){var i=e[(a-1+n)%n],o=e[a],s=e[(a+1)%n],l=i[0]-o[0],c=i[1]-o[1],d=Math.sqrt(l*l+c*c),u=s[0]-o[0],p=s[1]-o[1],b=Math.sqrt(u*u+p*p),m=Math.min(t,d/2,b/2),v=o[0]+l/d*m,g=o[1]+c/d*m,f=o[0]+u/b*m,x=o[1]+p/b*m;r.push(0===a?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),r.push("Q".concat(o[0]," ").concat(o[1]," ").concat(f," ").concat(x))}return r.push("Z"),r.join(" ")}(function getShapePoints(e,t,n,r){return n&&r?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:r?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,a,!!u,!!p),I),E=null!==(t=function getIconOfTabGroup(e,t,n){var r=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(n.key,N,k.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",Z=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:P,style:{WebkitMaskImage:"url("+E+")",maskImage:"url("+E+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:j("configurator."+n.title,n.title)})]});return p&&y&&(Z=y),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+a,ref:G,style:{height:a+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",k.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:i()(S.x6,R?g:void 0,_?m:void 0),children:[(0,w.jsx)("path",{className:i()(x,R?g:void 0,_?m:void 0),d:z}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:i()(S.xb,x,R?g:void 0,_?m:void 0),children:Z})})]})}))},56490:(e,t,n)=>{n.d(t,{Rr:()=>s,WU:()=>l,ZP:()=>c});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var s="index-module--mqnkM",l="index-module--eBy4O";const c=o},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4069,4178],{34069:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(9420),i=(n(87363),n(84178)),o=n(93379),s=n.n(o),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),b=n.n(p),m=n(19216),v=n.n(m),g=n(44589),f=n.n(g),x=n(56490),h={};h.styleTagTransform=f(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=n(91214),y=n(88683),S=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,a.Pi)((function VerticalTabGroupItemMountain(e){var t,n=(0,P.NP)(),r=(0,y.useTranslation)().t;return(0,S.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{lastItemDiv:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:x.WU,children:r("configurator.PRICE_INFO")}),(0,S.jsx)("div",{className:x.Rr,children:y.DivaUtils.formatPrice(null!==(t=n.productState.formatedTotalPrice)&&void 0!==t?t:0,n.productState.priceFormat)})]}),minHeight:65}))}))},84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var r=n(34988),a=n(65515),i=n.n(a),o=n(9420),s=n(91214),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),p=n(7795),b=n.n(p),m=n(90569),v=n.n(m),g=n(3565),f=n.n(g),x=n(19216),h=n.n(x),P=n(44589),y=n.n(P),S=n(38027),k={};k.styleTagTransform=y(),k.setAttributes=f(),k.insert=v().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=h();u()(S.ZP,k);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=n(47514);const j=(0,o.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,a=e.height,o=e.minHeight,d=void 0===o?80:o,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?S.to:b,v=e.wcActiveStepClass,g=void 0===v?S.F1:v,f=e.verticalItemPoligonClass,x=void 0===f?S.Wb:f,h=e.wcStepIconClass,P=void 0===h?S.x3:h,y=e.lastItemDiv,k=(0,s.NP)(),j=(0,c.useTranslation)().t,G=(0,l.useRef)(null),C=(0,l.useState)(8),O=(0,r.Z)(C,2),I=O[0],T=O[1],B=k.tabGroupState.curTabGroup;a<d&&(a=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(k.tabGroupState.setTabGroupItems(n.key,G.current),G.current){var e=getComputedStyle(G.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||T(t)}}}),[G]);var R=n.posNr==(null==B?void 0:B.posNr),_=k.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==B?void 0:B.posNr)),z=function getRoundedPath(e,t){for(var n=e.length,r=[],a=0;a<n;a++){var i=e[(a-1+n)%n],o=e[a],s=e[(a+1)%n],l=i[0]-o[0],c=i[1]-o[1],d=Math.sqrt(l*l+c*c),u=s[0]-o[0],p=s[1]-o[1],b=Math.sqrt(u*u+p*p),m=Math.min(t,d/2,b/2),v=o[0]+l/d*m,g=o[1]+c/d*m,f=o[0]+u/b*m,x=o[1]+p/b*m;r.push(0===a?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),r.push("Q".concat(o[0]," ").concat(o[1]," ").concat(f," ").concat(x))}return r.push("Z"),r.join(" ")}(function getShapePoints(e,t,n,r){return n&&r?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:r?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,a,!!u,!!p),I),E=null!==(t=function getIconOfTabGroup(e,t,n){var r=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return r+n[e.toLowerCase()];if(n[e])return r+n[e]}switch(e){case"StaticRoomList":return r+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return r+"planner.svg";case"Summary":return r+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return r+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return r+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return r+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return r+"dimensions.svg";case"Topper":case"surmatelas":return r+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return r+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return r+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return r+"upholstery.svg";case"Sitz":case"Sitztiefe":return r+"seat.svg";case"Armlehne":return r+"armrest.svg";case"ACCESSOIRES":return r+"additionalArticles.svg";case"Rcken":return r+"sofaBackrest.svg";case"Konfiguration":return r+"material_config.svg";case"Zustand":return r+"settings_suggest.svg"}}(n.key,N,k.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",Z=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:P,style:{WebkitMaskImage:"url("+E+")",maskImage:"url("+E+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:j("configurator."+n.title,n.title)})]});return p&&y&&(Z=y),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+a,ref:G,style:{height:a+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",k.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:i()(S.x6,R?g:void 0,_?m:void 0),children:[(0,w.jsx)("path",{className:i()(x,R?g:void 0,_?m:void 0),d:z}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:i()(S.xb,x,R?g:void 0,_?m:void 0),children:Z})})]})}))},56490:(e,t,n)=>{n.d(t,{Rr:()=>s,WU:()=>l,ZP:()=>c});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--mqnkM {\n  font-size: 22px;\n  font-weight: 300;\n  padding-top: calc(15% - 6px);\n}\n\n.index-module--eBy4O {\n  font-size: 14px;\n  padding-top: calc(10% - 6px);\n}\n",""]);var s="index-module--mqnkM",l="index-module--eBy4O";const c=o},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var r=n(8081),a=n.n(r),i=n(23645),o=n.n(i)()(a());o.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4081.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4081,1017,2765],{41017:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();l()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(35567),w=t(65515),j=t.n(w),y=t(9420),b=t(47514);const Z=(0,y.Pi)((function InfoIcon(n){var e,t,o,l=n.item,d=n.style,s=(0,v.NP)(),a=l.contentItemId,r=null!==(e=null!==(t=null!==(o=l.codex)&&void 0!==o?o:l.articleCodex)&&void 0!==t?t:l.title)&&void 0!==e?e:l.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=l.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!l.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:j()(f.hv,m?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{className:f.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,b.jsx)("path",{className:f.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,b.jsx)("div",{className:j()(f.dA,m?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.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,b.jsx)(b.Fragment,{})}))},72765:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(87363),l=t(93379),d=t.n(l),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),y=t(41017),b=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,l=(0,i.Z)(n.state,2),d=l[0],s=l[1],a=n.round,r=100/e.length,c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,o.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,b.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,b.jsx)("div",{style:{width:r+"%"},children:(0,b.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,b.jsx)(y.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,b.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},94081:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(34988),o=t(87363),l=t(9420),d=t(35567),s=t(72765),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),b=t.n(y),Z=t(41017),I=t(47514);const S=(0,l.Pi)((function MultiToggleComponent(n){var e=n.item,t=n.style,l=n.round,a=n.paletteId,r=(0,d.NP)(),c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=(0,o.useState)([]),p=(0,i.Z)(m,2),f=p[0],h=p[1],g=(0,o.useState)(),v=(0,i.Z)(g,2),j=v[0],y=v[1],S=(0,o.useState)(!1),P=(0,i.Z)(S,2),N=P[0],F=P[1];(0,o.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));C(n),F(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),y(n.findIndex((function(n){return n.sel})))}),[e]);return 0===x.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,I.jsxs)("div",{className:b()(w.eR,w.TN),children:[(0,I.jsx)("span",{className:w.Xf,children:e.name+(N?" (cm)":"")}),e.optionContentItemId&&(0,I.jsx)(Z.default,{item:{contentItemId:e.optionContentItemId,codex:e.configStepKey},style:{position:"relative",flexShrink:0}},e.configStepKey)]}),(0,I.jsx)("div",{className:b()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:x,values:f,state:[j,function onChangeValue(n){y(n);var e=x[n];e&&r.paletteViewHandler.clickedOnConfigPalette(e,void 0,a)}],round:l})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.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 s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>c,Xf:()=>r,ZN:()=>u,ZP:()=>x,eR:()=>a});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 65%;\n}\n.index-module--oMpID:first-child {\n  width: 35%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n/* The title column has a fixed width, so the name must shrink instead of pushing the info icon onto the toggle. */\n.index-module--HRorI {\n  min-width: 0;\n  word-wrap: anywhere;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--HRorI",c="index-module--F6wCX",u="index-module--mALKQ";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4081,1017,2765],{41017:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();l()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(91214),w=t(65515),j=t.n(w),y=t(9420),b=t(47514);const Z=(0,y.Pi)((function InfoIcon(n){var e,t,o,l=n.item,d=n.style,s=(0,v.NP)(),a=l.contentItemId,r=null!==(e=null!==(t=null!==(o=l.codex)&&void 0!==o?o:l.articleCodex)&&void 0!==t?t:l.title)&&void 0!==e?e:l.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=l.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!l.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:j()(f.hv,m?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{className:f.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,b.jsx)("path",{className:f.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,b.jsx)("div",{className:j()(f.dA,m?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.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,b.jsx)(b.Fragment,{})}))},72765:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(87363),l=t(93379),d=t.n(l),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),y=t(41017),b=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,l=(0,i.Z)(n.state,2),d=l[0],s=l[1],a=n.round,r=100/e.length,c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,o.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,b.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,b.jsx)("div",{style:{width:r+"%"},children:(0,b.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,b.jsx)(y.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,b.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},94081:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(34988),o=t(87363),l=t(9420),d=t(91214),s=t(72765),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),b=t.n(y),Z=t(41017),I=t(47514);const S=(0,l.Pi)((function MultiToggleComponent(n){var e=n.item,t=n.style,l=n.round,a=n.paletteId,r=(0,d.NP)(),c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=(0,o.useState)([]),p=(0,i.Z)(m,2),f=p[0],h=p[1],g=(0,o.useState)(),v=(0,i.Z)(g,2),j=v[0],y=v[1],S=(0,o.useState)(!1),P=(0,i.Z)(S,2),N=P[0],F=P[1];(0,o.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));C(n),F(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),y(n.findIndex((function(n){return n.sel})))}),[e]);return 0===x.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,I.jsxs)("div",{className:b()(w.eR,w.TN),children:[(0,I.jsx)("span",{className:w.Xf,children:e.name+(N?" (cm)":"")}),e.optionContentItemId&&(0,I.jsx)(Z.default,{item:{contentItemId:e.optionContentItemId,codex:e.configStepKey},style:{position:"relative",flexShrink:0}},e.configStepKey)]}),(0,I.jsx)("div",{className:b()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:x,values:f,state:[j,function onChangeValue(n){y(n);var e=x[n];e&&r.paletteViewHandler.clickedOnConfigPalette(e,void 0,a)}],round:l})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.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 s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>c,Xf:()=>r,ZN:()=>u,ZP:()=>x,eR:()=>a});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 65%;\n}\n.index-module--oMpID:first-child {\n  width: 35%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n/* The title column has a fixed width, so the name must shrink instead of pushing the info icon onto the toggle. */\n.index-module--HRorI {\n  min-width: 0;\n  word-wrap: anywhere;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--HRorI",c="index-module--F6wCX",u="index-module--mALKQ";const x=d}}]);

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

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

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 412.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[412,3156],{90412:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(93156),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},93156:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(84658),a=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),z={};z.styleTagTransform=S(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(C.ZP,z);C.ZP&&C.ZP.locals&&C.ZP.locals;var I=t(35567),P=t(9420),Z=t(88683),V=t(65515),D=t.n(V),O=t(47514),w=void 0,y=void 0,R=void 0;const j=(0,P.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,I.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,Z.useTranslation)().t,b=(0,Z.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){R&&clearTimeout(R),m?R=setTimeout((0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),!s.productState.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(w=void 0,y=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==w||null==y||e.horizontal!=w||e.vertical!=y){var n=e.horizontal,t=e.vertical;w=e.horizontal,y=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:C.VK,children:h("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>d,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const d=r},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>c,ai:()=>s,il:()=>l,th:()=>u});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",u="index-module--i_KdX";const c=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[412,3156],{90412:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(93156),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},93156:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(84658),a=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),z={};z.styleTagTransform=S(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(C.ZP,z);C.ZP&&C.ZP.locals&&C.ZP.locals;var I=t(91214),P=t(9420),Z=t(88683),V=t(65515),D=t.n(V),O=t(47514),w=void 0,y=void 0,R=void 0;const j=(0,P.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,I.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,Z.useTranslation)().t,b=(0,Z.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){R&&clearTimeout(R),m?R=setTimeout((0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),!s.productState.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(w=void 0,y=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==w||null==y||e.horizontal!=w||e.vertical!=y){var n=e.horizontal,t=e.vertical;w=e.horizontal,y=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:C.VK,children:h("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>d,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const d=r},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>c,ai:()=>s,il:()=>l,th:()=>u});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",u="index-module--i_KdX";const c=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4167.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4167],{44167:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(58292),l=t(35567),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4167],{44167:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(58292),l=t(91214),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4178.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4178],{84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(35567),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4178],{84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(91214),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4286.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4286,8291,58],{94286:(n,t,e)=>{e.r(t),e.d(t,{default:()=>v});var i=e(84658),o=e(88291),a=e(50747),r=e.n(a),s=e(35567),l=e(87363),d=e(9420),u=e(93379),x=e.n(u),c=e(7795),p=e.n(c),g=e(90569),b=e.n(g),m=e(3565),f=e.n(m),I=e(19216),w=e.n(I),h=e(44589),y=e.n(h),C=e(39545),L={};L.styleTagTransform=y(),L.setAttributes=f(),L.insert=b().bind(null,"head"),L.domAPI=p(),L.insertStyleElement=w();x()(C.ZP,L);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=e(47514);const v=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var t=(0,s.NP)(),e=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;t.settingsState.setInputBoxValue(null!==(n=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=e.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=t.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,M.jsx)(M.Fragment,{});var a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!t.settingsState.inputBoxItem){n.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,n.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 n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,M.jsx)("div",{children:(0,M.jsxs)("div",{className:C.Q_,children:[(0,M.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:C.Jg,children:"✖"}),(0,M.jsxs)("div",{style:{width:"100%"},children:[(0,M.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,M.jsx)("input",{ref:e,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){t&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:C.Ci,type:u?"number":"text",onChange:function onChange(n){return t.settingsState.setInputBoxValue(n.target.value)},value:t.settingsState.inputBoxValue}),(0,M.jsx)("button",{className:C.vX,onClick:d})]})]})})}))},39545:(n,t,e)=>{e.d(t,{Ci:()=>c,Jg:()=>g,Q_:()=>p,ZP:()=>m,vX:()=>b});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),l=e.n(s),d=new URL(e(38403),e.b),u=r()(o()),x=l()(d);u.push([n.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("+x+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var c="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},88291:(n,t,e)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}e.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4286,8291,58],{94286:(n,t,e)=>{e.r(t),e.d(t,{default:()=>v});var i=e(84658),o=e(88291),a=e(50747),r=e.n(a),s=e(91214),l=e(87363),d=e(9420),u=e(93379),x=e.n(u),c=e(7795),p=e.n(c),g=e(90569),b=e.n(g),m=e(3565),f=e.n(m),I=e(19216),w=e.n(I),h=e(44589),y=e.n(h),C=e(39545),L={};L.styleTagTransform=y(),L.setAttributes=f(),L.insert=b().bind(null,"head"),L.domAPI=p(),L.insertStyleElement=w();x()(C.ZP,L);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=e(47514);const v=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var t=(0,s.NP)(),e=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;t.settingsState.setInputBoxValue(null!==(n=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=e.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=t.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,M.jsx)(M.Fragment,{});var a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!t.settingsState.inputBoxItem){n.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,n.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 n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,M.jsx)("div",{children:(0,M.jsxs)("div",{className:C.Q_,children:[(0,M.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:C.Jg,children:"✖"}),(0,M.jsxs)("div",{style:{width:"100%"},children:[(0,M.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,M.jsx)("input",{ref:e,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){t&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:C.Ci,type:u?"number":"text",onChange:function onChange(n){return t.settingsState.setInputBoxValue(n.target.value)},value:t.settingsState.inputBoxValue}),(0,M.jsx)("button",{className:C.vX,onClick:d})]})]})})}))},39545:(n,t,e)=>{e.d(t,{Ci:()=>c,Jg:()=>g,Q_:()=>p,ZP:()=>m,vX:()=>b});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),l=e.n(s),d=new URL(e(38403),e.b),u=r()(o()),x=l()(d);u.push([n.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("+x+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var c="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},88291:(n,t,e)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}e.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 432.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[432],{50432:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(35567),o=i(9420),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,o.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),o=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,l=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,o?v.zh:void 0,l?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),o&&!l&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price,t.productState.priceFormat)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>l,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),o=i.n(a)()(d());o.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[432],{50432:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(91214),o=i(9420),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,o.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),o=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,l=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,o?v.zh:void 0,l?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),o&&!l&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price,t.productState.priceFormat)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>l,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),o=i.n(a)()(d());o.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=o}}]);