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

@crystaldesign/diva-web-planner-react 26.3.0-beta.1 → 26.3.0-beta.10

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 283.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{40283:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(8135),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});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),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.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("+f+");\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("+w+");\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: 100%;\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.35;\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",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.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),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{40283:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(63762),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});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),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.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("+f+");\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("+w+");\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: 100%;\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.35;\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",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.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),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2903.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2903,8535],{62903:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(38535),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})}},38535:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});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),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(8135),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),y=void 0,j=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,s=(0,P.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=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.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(y=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0,s.productState.roomListExpanded?S.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==y||null==j||e.horizontal!=y||e.vertical!=j){var n=e.horizontal,t=e.vertical;y=e.horizontal,j=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:S.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:S.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([[2903,8535],{62903:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(38535),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})}},38535:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});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),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(63762),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),y=void 0,j=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,s=(0,P.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=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.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(y=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0,s.productState.roomListExpanded?S.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==y||null==j||e.horizontal!=y||e.vertical!=j){var n=e.horizontal,t=e.vertical;y=e.horizontal,j=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:S.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:S.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/2958.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 2958.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2958],{82958:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var o=i(34988),d=i(87363),a=i(9420),t=i(65515),r=i.n(t),l=i(88683),s=i(93379),u=i.n(s),c=i(7795),m=i.n(c),x=i(90569),I=i.n(x),g=i(3565),p=i.n(g),b=i(19216),M=i.n(b),y=i(44589),j=i.n(y),v=i(98759),D={};D.styleTagTransform=j(),D.setAttributes=p(),D.insert=I().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=M();u()(v.ZP,D);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=i(57984),C=i(8135),L=i(47514);const w=(0,a.Pi)((function UploadItem(n){var e=n.item,i=(0,l.useTranslation)().t,a=(0,C.NP)(),t=function useImageUpload(){var n=(0,d.useState)(""),e=(0,o.Z)(n,2),i=e[0],a=e[1],t=(0,d.useState)(!1),r=(0,o.Z)(t,2),l=r[0],s=r[1],u=(0,d.useState)(!1),c=(0,o.Z)(u,2),m=c[0],x=c[1],I=(0,d.useRef)(null);(0,d.useEffect)((function(){navigator.mediaDevices&&navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:!0}).then((function(){return x(!0)})).catch((function(){return x(!1)}))}),[]);var g=(0,d.useCallback)((function(n){if(n&&n.type.startsWith("image/")){var e=new FileReader;e.onload=function(n){var e,i=null===(e=n.target)||void 0===e?void 0:e.result;a(i)},e.readAsDataURL(n)}}),[]),p=(0,d.useCallback)((function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)}),[g]),b=(0,d.useCallback)((function(){var n=document.createElement("input");n.type="file",n.accept="image/*",n.capture="environment",n.onchange=function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)},n.click()}),[g]),M=(0,d.useCallback)((function(){var n;null===(n=I.current)||void 0===n||n.click()}),[]),y=(0,d.useCallback)((function(n){n.preventDefault(),s(!0)}),[]),j=(0,d.useCallback)((function(n){n.preventDefault(),s(!1)}),[]),v=(0,d.useCallback)((function(n){n.preventDefault(),s(!1);var e=Array.from(n.dataTransfer.files).find((function(n){return n.type.startsWith("image/")}));e&&g(e)}),[g]),D=(0,d.useCallback)((function(){a(""),I.current&&(I.current.value="")}),[]);return{imageBase64:i,isDragOver:l,hasCamera:m,fileInputRef:I,processFile:g,handleFileSelect:p,handleCameraCapture:b,handleFileUpload:M,handleDragOver:y,handleDragLeave:j,handleDrop:v,clearImage:D}}(),s=t.imageBase64,u=t.isDragOver,c=t.hasCamera,m=t.fileInputRef,x=t.handleFileSelect,I=t.handleCameraCapture,g=t.handleFileUpload,p=(0,d.useState)(void 0),b=(0,o.Z)(p,2),M=b[0],y=b[1],j=void 0!==a.aiState.aiGeneratedRooms[e.key],D=M;return(0,L.jsxs)("div",{className:r()(v.ic,v.cw,u?v.SB:void 0,e.selected?v.pA:void 0,j?v.ow:v.Sc,D?v.V_:void 0),onClick:function handleClick(n){var i;if(!e.selected)return null===(i=e.onClick)||void 0===i||i.call(e),void n.stopPropagation();g()},children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("input",{type:"file",accept:"image/*",capture:"environment",style:{display:"none"},id:"cameraInput"}),(0,L.jsx)("label",{htmlFor:"cameraInput",children:(0,L.jsx)("button",{children:"Take Photo"})}),(0,L.jsx)("input",{type:"file",accept:"image/*",style:{display:"none"},id:"galleryInput"}),(0,L.jsx)("label",{htmlFor:"galleryInput",children:(0,L.jsx)("button",{children:"Choose from Gallery"})})]}),(0,L.jsx)("input",{ref:m,type:"file",accept:"image/*",onChange:x,style:{display:"none"}}),(0,L.jsxs)("div",{className:v.YS,children:[s?(0,L.jsx)("img",{src:s,alt:"Uploaded"}):(0,L.jsxs)("div",{className:v.am,children:[(0,L.jsx)("div",{className:v.P8}),(0,L.jsx)("div",{className:v.n2,children:"or click to browse"})]}),(0,L.jsx)("div",{className:v.TN,children:s?"Image uploaded":"Upload Image"})]}),(0,L.jsxs)("button",{className:r()(v.LI),onClick:function onButtonClick(n){n.stopPropagation(),e.onButtonClick&&y(e.onButtonClick(a.aiState.setHash,s))},children:[(0,L.jsx)("div",{className:r()(D?N.VC:N.re)}),i(D?"configurator.roomRendering.generating":"configurator.roomRendering.generate")]}),!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),children:[(0,L.jsx)("div",{className:v.P8}),i("configurator.roomRendering.upload")]}),c&&!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),onClick:function onClick(n){n.stopPropagation(),I()},style:{bottom:"50px"},children:[(0,L.jsx)("div",{className:v.ny}),i("configurator.roomRendering.camera")]})]})}))},98759:(n,e,i)=>{i.d(e,{LI:()=>v,P8:()=>L,SB:()=>N,Sc:()=>y,TN:()=>M,V_:()=>j,YS:()=>b,ZP:()=>S,am:()=>C,cw:()=>D,ic:()=>I,n2:()=>A,ny:()=>w,ow:()=>g,pA:()=>p});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(1683),i.b),u=new URL(i(44246),i.b),c=t()(d()),m=l()(s),x=l()(u);c.push([n.id,"/* Import base styles from parent UploadItem */\n.index-module--CjexR {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--CjexR.index-module--dmnYc:not(.index-module--kk96W) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--caWbN {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--kk96W .index-module--caWbN {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--dmnYc .index-module--RGxlL {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--CjexR img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--SmlTZ {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--SmlTZ {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.index-module--kk96W.index-module--BGmnC .index-module--SmlTZ,\n.index-module--EVc0s .index-module--SmlTZ {\n  bottom: 40px;\n}\n\n.index-module--sgKcY {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--sgKcY {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--BGmnC:hover .index-module--sgKcY,\n.index-module--kk96W.index-module--BGmnC .index-module--sgKcY,\n.index-module--EVc0s .index-module--sgKcY {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.index-module--CjexR:not(.index-module--EVc0s) .index-module--sgKcY:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.index-module--N6NM3 {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.index-module--N6NM3:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.index-module--SVUuB {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.index-module--ErPfG {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.index-module--Hvwy_ {\n  background-image: url("+m+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.index-module--bdaig {\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--Pbn2y {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.index-module--Segsy {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.index-module--kk96W .index-module--ErPfG {\n  display: none;\n}\n\n.index-module--kk96W .index-module--N6NM3 {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.index-module--sgKcY:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .index-module--sgKcY:nth-of-type(2) {\n  bottom: 44px;\n}\n",""]);var I="index-module--CjexR",g="index-module--dmnYc",p="index-module--kk96W",b="index-module--caWbN",M="index-module--SmlTZ",y="index-module--BGmnC",j="index-module--EVc0s",v="index-module--sgKcY",D="index-module--N6NM3",N="index-module--SVUuB",C="index-module--ErPfG",L="index-module--Hvwy_",w="index-module--bdaig",A="index-module--Segsy";const S=c},95387:(n,e,i)=>{i.d(e,{$g:()=>W,LI:()=>S,OL:()=>T,QK:()=>k,QM:()=>j,Qo:()=>P,Sc:()=>w,TN:()=>L,VC:()=>Z,V_:()=>A,Ws:()=>Y,XC:()=>C,YS:()=>N,ZP:()=>R,f6:()=>h,hj:()=>z,k7:()=>E,oP:()=>G,ow:()=>D,pA:()=>v,re:()=>f});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(41041),i.b),u=new URL(i(38457),i.b),c=new URL(i(70320),i.b),m=new URL(i(23571),i.b),x=new URL(i(35277),i.b),I=t()(d()),g=l()(s),p=l()(u),b=l()(c),M=l()(m),y=l()(x);I.push([n.id,".index-module--YYxGY {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--YYxGY:not(.index-module--pGFXr):hover,\n.index-module--YYxGY.index-module--Q2qQ2:not(.index-module--pGFXr) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--EeD99 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--pGFXr .index-module--EeD99 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--Q2qQ2 .index-module--klViv {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--YYxGY img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--klViv {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.index-module--YPxgt {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--YPxgt {\n  font-size: 11px;\n  bottom: 4px;\n}\n.index-module--cJ9FY:hover .index-module--YPxgt,\n.index-module--pGFXr.index-module--cJ9FY .index-module--YPxgt,\n.index-module--V4uIb .index-module--YPxgt {\n  bottom: 40px;\n}\n\n.index-module--GEr2C {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--etA_S {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.index-module--kFWSa {\n  cursor: not-allowed;\n}\n\n.index-module--C8mNa {\n  cursor: wait;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--cJ9FY:hover .index-module--GEr2C,\n.index-module--pGFXr.index-module--cJ9FY .index-module--GEr2C,\n.index-module--V4uIb .index-module--GEr2C {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.index-module--V4uIb .index-module--GEr2C {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.index-module--YYxGY:not(.index-module--V4uIb) .index-module--GEr2C:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--CMDUp {\n  background-image: url("+g+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--n4Brz {\n  background-image: url("+p+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--ODwh2 {\n  background-image: url("+b+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: index-module--WuIpq 1s linear infinite;\n}\n\n@keyframes index-module--WuIpq {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--SrKTC {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.index-module--o0WUD {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--zdg_y {\n  background-image: url("+M+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .index-module--zdg_y {\n  top: 6px;\n  left: 6px;\n}\n\n.index-module--ev1YL {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--EQkBw {\n  background-image: url("+y+");\n}\n",""]);var j="index-module--YYxGY",v="index-module--pGFXr",D="index-module--Q2qQ2",N="index-module--EeD99",C="index-module--klViv",L="index-module--YPxgt",w="index-module--cJ9FY",A="index-module--V4uIb",S="index-module--GEr2C",z="index-module--etA_S",h="index-module--kFWSa",k="index-module--C8mNa",f="index-module--CMDUp",T="index-module--n4Brz",Z="index-module--ODwh2",Y="index-module--SrKTC",G="index-module--o0WUD",E="index-module--zdg_y",P="index-module--ev1YL",W="index-module--EQkBw";const R=I},57984:(n,e,i)=>{i.d(e,{$g:()=>g.$g,LI:()=>g.LI,OL:()=>g.OL,QK:()=>g.QK,QM:()=>g.QM,Qo:()=>g.Qo,Sc:()=>g.Sc,TN:()=>g.TN,VC:()=>g.VC,V_:()=>g.V_,Ws:()=>g.Ws,XC:()=>g.XC,YS:()=>g.YS,f6:()=>g.f6,hj:()=>g.hj,k7:()=>g.k7,oP:()=>g.oP,ow:()=>g.ow,pA:()=>g.pA,re:()=>g.re});var o=i(93379),d=i.n(o),a=i(7795),t=i.n(a),r=i(90569),l=i.n(r),s=i(3565),u=i.n(s),c=i(19216),m=i.n(c),x=i(44589),I=i.n(x),g=i(95387),p={};p.styleTagTransform=I(),p.setAttributes=u(),p.insert=l().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=m();d()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},44246:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjMgMTlDMjMgMTkuNTMwNCAyMi43ODkzIDIwLjAzOTEgMjIuNDE0MiAyMC40MTQyQzIyLjAzOTEgMjAuNzg5MyAyMS41MzA0IDIxIDIxIDIxSDNDMi40Njk1NyAyMSAxLjk2MDg2IDIwLjc4OTMgMS41ODU3OSAyMC40MTQyQzEuMjEwNzEgMjAuMDM5MSAxIDE5LjUzMDQgMSAxOVY4QzEgNy40Njk1NyAxLjIxMDcxIDYuOTYwODYgMS41ODU3OSA2LjU4NTc5QzEuOTYwODYgNi4yMTA3MSAyLjQ2OTU3IDYgMyA2SDdMOSAzSDE1TDE3IDZIMjFDMjEuNTMwNCA2IDIyLjAzOTEgNi4yMTA3MSAyMi40MTQyIDYuNTg1NzlDMjIuNzg5MyA2Ljk2MDg2IDIzIDcuNDY5NTcgMjMgOFYxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTMiIHI9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxNy41IiBjeT0iOS41IiByPSIxLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4="},41041:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS13YW5kLXNwYXJrbGVzIj48cGF0aCBkPSJtMjEuNjQgMy42NC0xLjI4LTEuMjhhMS4yMSAxLjIxIDAgMCAwLTEuNzIgMEwyLjM2IDE4LjY0YTEuMjEgMS4yMSAwIDAgMCAwIDEuNzJsMS4yOCAxLjI4YTEuMiAxLjIgMCAwIDAgMS43MiAwTDIxLjY0IDUuMzZhMS4yIDEuMiAwIDAgMCAwLTEuNzIiPjwvcGF0aD48cGF0aCBkPSJtMTQgNyAzIDMiPjwvcGF0aD48cGF0aCBkPSJNNSA2djQiPjwvcGF0aD48cGF0aCBkPSJNMTkgMTR2NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCAydjIiPjwvcGF0aD48cGF0aCBkPSJNNyA4SDMiPjwvcGF0aD48cGF0aCBkPSJNMjEgMTZoLTQiPjwvcGF0aD48cGF0aCBkPSJNMTEgM0g5Ij48L3BhdGg+PC9zdmc+"},38457:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIgcnk9IjIiLz4KICA8cGF0aCBkPSJNNyAxMVY3YTUgNSAwIDAgMSAxMCAwdjQiLz4KPC9zdmc+"},70320:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1yZWZyZXNoLWN3IHctNCBoLTQiPjxwYXRoIGQ9Ik0zIDEyYTkgOSAwIDAgMSA5LTkgOS43NSA5Ljc1IDAgMCAxIDYuNzQgMi43NEwyMSA4Ij48L3BhdGg+PHBhdGggZD0iTTIxIDN2NWgtNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik04IDE2SDN2NSI+PC9wYXRoPjwvc3ZnPg=="},1683:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEgMTVWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVYxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3IDhMMTIgM0w3IDgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMiAzVjE1IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"},23571:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiICBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CjxwYXRoICBkPSJNNC4xMDQsNy4ybC0wLjM4NCwtMC4yNGMtMS4yOTYsLTAuNzY4IC0zLjcyLC0yLjIwOCAtMy43MiwtNC41NmMwLC0xLjMyIDEuMDgsLTIuNCAyLjQsLTIuNGMwLjY0OCwwIDEuMjcyLDAuMjY0IDEuNzA0LDAuNzJjMC40NTYsLTAuNDU2IDEuMDU2LC0wLjcyIDEuNzA0LC0wLjcyYzEuMzIsMCAyLjQsMS4wOCAyLjQsMi40YzAsMi4zNzYgLTIuNDI0LDMuNzkyIC0zLjcyLDQuNTZsLTAuMzg0LDAuMjRabS0xLjcwNCwtNi42NzJjLTEuMDMyLDAgLTEuODcyLDAuODQgLTEuODcyLDEuODcyYzAsMi4wNjQgMi4yNTYsMy4zODQgMy40NTYsNC4xMDRsMC4xMiwwLjA3MmwwLjEyLC0wLjA3MmMxLjIsLTAuNzIgMy40NTYsLTIuMDQgMy40NTYsLTQuMTA0YzAsLTEuMDMyIC0wLjg0LC0xLjg3MiAtMS44NzIsLTEuODcyYy0wLjU3NiwwIC0xLjE1MiwwLjI4OCAtMS40ODgsMC43NDRsLTAuMjE2LDAuMjg4bC0wLjIxNiwtMC4yODhjLTAuMzYsLTAuNDggLTAuOTEyLC0wLjc0NCAtMS40ODgsLTAuNzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+"},35277:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2ZmZgo7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2958],{82958:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var o=i(34988),d=i(87363),a=i(9420),t=i(65515),r=i.n(t),l=i(88683),s=i(93379),u=i.n(s),c=i(7795),m=i.n(c),x=i(90569),I=i.n(x),g=i(3565),p=i.n(g),b=i(19216),M=i.n(b),y=i(44589),j=i.n(y),v=i(98759),D={};D.styleTagTransform=j(),D.setAttributes=p(),D.insert=I().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=M();u()(v.ZP,D);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=i(57984),C=i(63762),L=i(47514);const w=(0,a.Pi)((function UploadItem(n){var e=n.item,i=(0,l.useTranslation)().t,a=(0,C.NP)(),t=function useImageUpload(){var n=(0,d.useState)(""),e=(0,o.Z)(n,2),i=e[0],a=e[1],t=(0,d.useState)(!1),r=(0,o.Z)(t,2),l=r[0],s=r[1],u=(0,d.useState)(!1),c=(0,o.Z)(u,2),m=c[0],x=c[1],I=(0,d.useRef)(null);(0,d.useEffect)((function(){navigator.mediaDevices&&navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:!0}).then((function(){return x(!0)})).catch((function(){return x(!1)}))}),[]);var g=(0,d.useCallback)((function(n){if(n&&n.type.startsWith("image/")){var e=new FileReader;e.onload=function(n){var e,i=null===(e=n.target)||void 0===e?void 0:e.result;a(i)},e.readAsDataURL(n)}}),[]),p=(0,d.useCallback)((function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)}),[g]),b=(0,d.useCallback)((function(){var n=document.createElement("input");n.type="file",n.accept="image/*",n.capture="environment",n.onchange=function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)},n.click()}),[g]),M=(0,d.useCallback)((function(){var n;null===(n=I.current)||void 0===n||n.click()}),[]),y=(0,d.useCallback)((function(n){n.preventDefault(),s(!0)}),[]),j=(0,d.useCallback)((function(n){n.preventDefault(),s(!1)}),[]),v=(0,d.useCallback)((function(n){n.preventDefault(),s(!1);var e=Array.from(n.dataTransfer.files).find((function(n){return n.type.startsWith("image/")}));e&&g(e)}),[g]),D=(0,d.useCallback)((function(){a(""),I.current&&(I.current.value="")}),[]);return{imageBase64:i,isDragOver:l,hasCamera:m,fileInputRef:I,processFile:g,handleFileSelect:p,handleCameraCapture:b,handleFileUpload:M,handleDragOver:y,handleDragLeave:j,handleDrop:v,clearImage:D}}(),s=t.imageBase64,u=t.isDragOver,c=t.hasCamera,m=t.fileInputRef,x=t.handleFileSelect,I=t.handleCameraCapture,g=t.handleFileUpload,p=(0,d.useState)(void 0),b=(0,o.Z)(p,2),M=b[0],y=b[1],j=void 0!==a.aiState.aiGeneratedRooms[e.key],D=M;return(0,L.jsxs)("div",{className:r()(v.ic,v.cw,u?v.SB:void 0,e.selected?v.pA:void 0,j?v.ow:v.Sc,D?v.V_:void 0),onClick:function handleClick(n){var i;if(!e.selected)return null===(i=e.onClick)||void 0===i||i.call(e),void n.stopPropagation();g()},children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("input",{type:"file",accept:"image/*",capture:"environment",style:{display:"none"},id:"cameraInput"}),(0,L.jsx)("label",{htmlFor:"cameraInput",children:(0,L.jsx)("button",{children:"Take Photo"})}),(0,L.jsx)("input",{type:"file",accept:"image/*",style:{display:"none"},id:"galleryInput"}),(0,L.jsx)("label",{htmlFor:"galleryInput",children:(0,L.jsx)("button",{children:"Choose from Gallery"})})]}),(0,L.jsx)("input",{ref:m,type:"file",accept:"image/*",onChange:x,style:{display:"none"}}),(0,L.jsxs)("div",{className:v.YS,children:[s?(0,L.jsx)("img",{src:s,alt:"Uploaded"}):(0,L.jsxs)("div",{className:v.am,children:[(0,L.jsx)("div",{className:v.P8}),(0,L.jsx)("div",{className:v.n2,children:"or click to browse"})]}),(0,L.jsx)("div",{className:v.TN,children:s?"Image uploaded":"Upload Image"})]}),(0,L.jsxs)("button",{className:r()(v.LI),onClick:function onButtonClick(n){n.stopPropagation(),e.onButtonClick&&y(e.onButtonClick(a.aiState.setHash,s))},children:[(0,L.jsx)("div",{className:r()(D?N.VC:N.re)}),i(D?"configurator.roomRendering.generating":"configurator.roomRendering.generate")]}),!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),children:[(0,L.jsx)("div",{className:v.P8}),i("configurator.roomRendering.upload")]}),c&&!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),onClick:function onClick(n){n.stopPropagation(),I()},style:{bottom:"50px"},children:[(0,L.jsx)("div",{className:v.ny}),i("configurator.roomRendering.camera")]})]})}))},98759:(n,e,i)=>{i.d(e,{LI:()=>v,P8:()=>L,SB:()=>N,Sc:()=>y,TN:()=>M,V_:()=>j,YS:()=>b,ZP:()=>S,am:()=>C,cw:()=>D,ic:()=>I,n2:()=>A,ny:()=>w,ow:()=>g,pA:()=>p});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(1683),i.b),u=new URL(i(44246),i.b),c=t()(d()),m=l()(s),x=l()(u);c.push([n.id,"/* Import base styles from parent UploadItem */\n.index-module--CjexR {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--CjexR.index-module--dmnYc:not(.index-module--kk96W) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--caWbN {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--kk96W .index-module--caWbN {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--dmnYc .index-module--RGxlL {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--CjexR img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--SmlTZ {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--SmlTZ {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.index-module--kk96W.index-module--BGmnC .index-module--SmlTZ,\n.index-module--EVc0s .index-module--SmlTZ {\n  bottom: 40px;\n}\n\n.index-module--sgKcY {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--sgKcY {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--BGmnC:hover .index-module--sgKcY,\n.index-module--kk96W.index-module--BGmnC .index-module--sgKcY,\n.index-module--EVc0s .index-module--sgKcY {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.index-module--CjexR:not(.index-module--EVc0s) .index-module--sgKcY:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.index-module--N6NM3 {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.index-module--N6NM3:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.index-module--SVUuB {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.index-module--ErPfG {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.index-module--Hvwy_ {\n  background-image: url("+m+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.index-module--bdaig {\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--Pbn2y {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.index-module--Segsy {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.index-module--kk96W .index-module--ErPfG {\n  display: none;\n}\n\n.index-module--kk96W .index-module--N6NM3 {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.index-module--sgKcY:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .index-module--sgKcY:nth-of-type(2) {\n  bottom: 44px;\n}\n",""]);var I="index-module--CjexR",g="index-module--dmnYc",p="index-module--kk96W",b="index-module--caWbN",M="index-module--SmlTZ",y="index-module--BGmnC",j="index-module--EVc0s",v="index-module--sgKcY",D="index-module--N6NM3",N="index-module--SVUuB",C="index-module--ErPfG",L="index-module--Hvwy_",w="index-module--bdaig",A="index-module--Segsy";const S=c},95387:(n,e,i)=>{i.d(e,{$g:()=>W,LI:()=>S,OL:()=>T,QK:()=>k,QM:()=>j,Qo:()=>P,Sc:()=>w,TN:()=>L,VC:()=>Z,V_:()=>A,Ws:()=>Y,XC:()=>C,YS:()=>N,ZP:()=>R,f6:()=>h,hj:()=>z,k7:()=>E,oP:()=>G,ow:()=>D,pA:()=>v,re:()=>f});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(41041),i.b),u=new URL(i(38457),i.b),c=new URL(i(70320),i.b),m=new URL(i(23571),i.b),x=new URL(i(35277),i.b),I=t()(d()),g=l()(s),p=l()(u),b=l()(c),M=l()(m),y=l()(x);I.push([n.id,".index-module--YYxGY {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--YYxGY:not(.index-module--pGFXr):hover,\n.index-module--YYxGY.index-module--Q2qQ2:not(.index-module--pGFXr) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--EeD99 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--pGFXr .index-module--EeD99 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--Q2qQ2 .index-module--klViv {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--YYxGY img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--klViv {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.index-module--YPxgt {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--YPxgt {\n  font-size: 11px;\n  bottom: 4px;\n}\n.index-module--cJ9FY:hover .index-module--YPxgt,\n.index-module--pGFXr.index-module--cJ9FY .index-module--YPxgt,\n.index-module--V4uIb .index-module--YPxgt {\n  bottom: 40px;\n}\n\n.index-module--GEr2C {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--etA_S {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.index-module--kFWSa {\n  cursor: not-allowed;\n}\n\n.index-module--C8mNa {\n  cursor: wait;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--cJ9FY:hover .index-module--GEr2C,\n.index-module--pGFXr.index-module--cJ9FY .index-module--GEr2C,\n.index-module--V4uIb .index-module--GEr2C {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.index-module--V4uIb .index-module--GEr2C {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.index-module--YYxGY:not(.index-module--V4uIb) .index-module--GEr2C:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--CMDUp {\n  background-image: url("+g+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--n4Brz {\n  background-image: url("+p+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--ODwh2 {\n  background-image: url("+b+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: index-module--WuIpq 1s linear infinite;\n}\n\n@keyframes index-module--WuIpq {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--SrKTC {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.index-module--o0WUD {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--zdg_y {\n  background-image: url("+M+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .index-module--zdg_y {\n  top: 6px;\n  left: 6px;\n}\n\n.index-module--ev1YL {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--EQkBw {\n  background-image: url("+y+");\n}\n",""]);var j="index-module--YYxGY",v="index-module--pGFXr",D="index-module--Q2qQ2",N="index-module--EeD99",C="index-module--klViv",L="index-module--YPxgt",w="index-module--cJ9FY",A="index-module--V4uIb",S="index-module--GEr2C",z="index-module--etA_S",h="index-module--kFWSa",k="index-module--C8mNa",f="index-module--CMDUp",T="index-module--n4Brz",Z="index-module--ODwh2",Y="index-module--SrKTC",G="index-module--o0WUD",E="index-module--zdg_y",P="index-module--ev1YL",W="index-module--EQkBw";const R=I},57984:(n,e,i)=>{i.d(e,{$g:()=>g.$g,LI:()=>g.LI,OL:()=>g.OL,QK:()=>g.QK,QM:()=>g.QM,Qo:()=>g.Qo,Sc:()=>g.Sc,TN:()=>g.TN,VC:()=>g.VC,V_:()=>g.V_,Ws:()=>g.Ws,XC:()=>g.XC,YS:()=>g.YS,f6:()=>g.f6,hj:()=>g.hj,k7:()=>g.k7,oP:()=>g.oP,ow:()=>g.ow,pA:()=>g.pA,re:()=>g.re});var o=i(93379),d=i.n(o),a=i(7795),t=i.n(a),r=i(90569),l=i.n(r),s=i(3565),u=i.n(s),c=i(19216),m=i.n(c),x=i(44589),I=i.n(x),g=i(95387),p={};p.styleTagTransform=I(),p.setAttributes=u(),p.insert=l().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=m();d()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},44246:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjMgMTlDMjMgMTkuNTMwNCAyMi43ODkzIDIwLjAzOTEgMjIuNDE0MiAyMC40MTQyQzIyLjAzOTEgMjAuNzg5MyAyMS41MzA0IDIxIDIxIDIxSDNDMi40Njk1NyAyMSAxLjk2MDg2IDIwLjc4OTMgMS41ODU3OSAyMC40MTQyQzEuMjEwNzEgMjAuMDM5MSAxIDE5LjUzMDQgMSAxOVY4QzEgNy40Njk1NyAxLjIxMDcxIDYuOTYwODYgMS41ODU3OSA2LjU4NTc5QzEuOTYwODYgNi4yMTA3MSAyLjQ2OTU3IDYgMyA2SDdMOSAzSDE1TDE3IDZIMjFDMjEuNTMwNCA2IDIyLjAzOTEgNi4yMTA3MSAyMi40MTQyIDYuNTg1NzlDMjIuNzg5MyA2Ljk2MDg2IDIzIDcuNDY5NTcgMjMgOFYxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTMiIHI9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxNy41IiBjeT0iOS41IiByPSIxLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4="},41041:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS13YW5kLXNwYXJrbGVzIj48cGF0aCBkPSJtMjEuNjQgMy42NC0xLjI4LTEuMjhhMS4yMSAxLjIxIDAgMCAwLTEuNzIgMEwyLjM2IDE4LjY0YTEuMjEgMS4yMSAwIDAgMCAwIDEuNzJsMS4yOCAxLjI4YTEuMiAxLjIgMCAwIDAgMS43MiAwTDIxLjY0IDUuMzZhMS4yIDEuMiAwIDAgMCAwLTEuNzIiPjwvcGF0aD48cGF0aCBkPSJtMTQgNyAzIDMiPjwvcGF0aD48cGF0aCBkPSJNNSA2djQiPjwvcGF0aD48cGF0aCBkPSJNMTkgMTR2NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCAydjIiPjwvcGF0aD48cGF0aCBkPSJNNyA4SDMiPjwvcGF0aD48cGF0aCBkPSJNMjEgMTZoLTQiPjwvcGF0aD48cGF0aCBkPSJNMTEgM0g5Ij48L3BhdGg+PC9zdmc+"},38457:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIgcnk9IjIiLz4KICA8cGF0aCBkPSJNNyAxMVY3YTUgNSAwIDAgMSAxMCAwdjQiLz4KPC9zdmc+"},70320:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1yZWZyZXNoLWN3IHctNCBoLTQiPjxwYXRoIGQ9Ik0zIDEyYTkgOSAwIDAgMSA5LTkgOS43NSA5Ljc1IDAgMCAxIDYuNzQgMi43NEwyMSA4Ij48L3BhdGg+PHBhdGggZD0iTTIxIDN2NWgtNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik04IDE2SDN2NSI+PC9wYXRoPjwvc3ZnPg=="},1683:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEgMTVWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVYxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3IDhMMTIgM0w3IDgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMiAzVjE1IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"},23571:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiICBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CjxwYXRoICBkPSJNNC4xMDQsNy4ybC0wLjM4NCwtMC4yNGMtMS4yOTYsLTAuNzY4IC0zLjcyLC0yLjIwOCAtMy43MiwtNC41NmMwLC0xLjMyIDEuMDgsLTIuNCAyLjQsLTIuNGMwLjY0OCwwIDEuMjcyLDAuMjY0IDEuNzA0LDAuNzJjMC40NTYsLTAuNDU2IDEuMDU2LC0wLjcyIDEuNzA0LC0wLjcyYzEuMzIsMCAyLjQsMS4wOCAyLjQsMi40YzAsMi4zNzYgLTIuNDI0LDMuNzkyIC0zLjcyLDQuNTZsLTAuMzg0LDAuMjRabS0xLjcwNCwtNi42NzJjLTEuMDMyLDAgLTEuODcyLDAuODQgLTEuODcyLDEuODcyYzAsMi4wNjQgMi4yNTYsMy4zODQgMy40NTYsNC4xMDRsMC4xMiwwLjA3MmwwLjEyLC0wLjA3MmMxLjIsLTAuNzIgMy40NTYsLTIuMDQgMy40NTYsLTQuMTA0YzAsLTEuMDMyIC0wLjg0LC0xLjg3MiAtMS44NzIsLTEuODcyYy0wLjU3NiwwIC0xLjE1MiwwLjI4OCAtMS40ODgsMC43NDRsLTAuMjE2LDAuMjg4bC0wLjIxNiwtMC4yODhjLTAuMzYsLTAuNDggLTAuOTEyLC0wLjc0NCAtMS40ODgsLTAuNzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+"},35277:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2ZmZgo7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2963.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2963],{12963:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var t=o(80248),i=o(8135),r=(o(87363),o(69788)),d=o(93379),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(30550),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(9420),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const I=(0,y.Pi)((function BasketActionGold(n){var e=(0,i.NP)();return(0,j.jsx)(r.default,_objectSpread(_objectSpread({},n),{},{buttonTextClassName:v.UU,buttonPriceClassName:v.QD,price:e.productState.formatedCurSetPrice}))}))},69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(8135),i=o(9420),r=(o(87363),o(93379)),d=o.n(r),a=o(7795),l=o.n(a),u=o(90569),c=o.n(u),s=o(3565),x=o.n(s),m=o(19216),g=o.n(m),p=o(44589),b=o.n(p),f=o(38921),v={};v.styleTagTransform=b(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=o(65515),y=o.n(h),j=o(88683),I=o(19047),w=o(39667),k=o(40976),N=o(56340),C=o(47514);const M=(0,i.Pi)((function BasketActionStandard(n){var e,o,i,r=n.buttonTextClassName,d=void 0===r?f.UU:r,a=n.buttonPriceClassName,l=void 0===a?f.QD:a,u=n.containerClassName,c=n.price,s=n.showCheckoutButtons,x=(0,t.NP)(),m=(0,j.useDivaCore)().state.hidePrices,g=(0,j.useTranslation)().t;return(0,C.jsxs)("div",{className:y()(f.tM,u),children:[s&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,I.evalVisible)(n,x,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,I.onClickCheckout)(n,x,n.index,g)},children:(0,C.jsx)(w.default,{checkoutButton:n,size:32})},n.index)}))),(0,C.jsxs)("div",{className:f.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,C.jsx)("div",{className:d,children:g("configurator.ADD_TO_BASKET")}),!m&&void 0!==c&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:y()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,C.jsx)(N.default,{price:null!==(o=x.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:l,children:(0,C.jsx)(N.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},30550:(n,e,o)=>{o.d(e,{QD:()=>l,UU:()=>a,ZP:()=>u});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--RchPf {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.index-module--td3Gy {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n",""]);var a="index-module--RchPf",l="index-module--td3Gy";const u=d},38921:(n,e,o)=>{o.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>v,m2:()=>m,tM:()=>x});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",m="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",v="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>b,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>f,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>v});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",v="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),p=o(28717),b={};b.styleTagTransform=g(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();i()(p.ZP,b),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2963],{12963:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var t=o(80248),i=o(63762),r=(o(87363),o(69788)),d=o(93379),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),x=o(3565),m=o.n(x),g=o(19216),p=o.n(g),b=o(44589),f=o.n(b),v=o(30550),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=o(9420),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const I=(0,y.Pi)((function BasketActionGold(n){var e=(0,i.NP)();return(0,j.jsx)(r.default,_objectSpread(_objectSpread({},n),{},{buttonTextClassName:v.UU,buttonPriceClassName:v.QD,price:e.productState.formatedCurSetPrice}))}))},69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(63762),i=o(9420),r=(o(87363),o(93379)),d=o.n(r),a=o(7795),l=o.n(a),u=o(90569),c=o.n(u),s=o(3565),x=o.n(s),m=o(19216),g=o.n(m),p=o(44589),b=o.n(p),f=o(38921),v={};v.styleTagTransform=b(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=o(65515),y=o.n(h),j=o(88683),I=o(19047),w=o(39667),k=o(40976),N=o(56340),C=o(47514);const M=(0,i.Pi)((function BasketActionStandard(n){var e,o,i,r=n.buttonTextClassName,d=void 0===r?f.UU:r,a=n.buttonPriceClassName,l=void 0===a?f.QD:a,u=n.containerClassName,c=n.price,s=n.showCheckoutButtons,x=(0,t.NP)(),m=(0,j.useDivaCore)().state.hidePrices,g=(0,j.useTranslation)().t;return(0,C.jsxs)("div",{className:y()(f.tM,u),children:[s&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,I.evalVisible)(n,x,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,I.onClickCheckout)(n,x,n.index,g)},children:(0,C.jsx)(w.default,{checkoutButton:n,size:32})},n.index)}))),(0,C.jsxs)("div",{className:f.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,C.jsx)("div",{className:d,children:g("configurator.ADD_TO_BASKET")}),!m&&void 0!==c&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:y()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,C.jsx)(N.default,{price:null!==(o=x.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:l,children:(0,C.jsx)(N.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},30550:(n,e,o)=>{o.d(e,{QD:()=>l,UU:()=>a,ZP:()=>u});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--RchPf {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.index-module--td3Gy {\n  float: right;\n  margin-right: 16px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n",""]);var a="index-module--RchPf",l="index-module--td3Gy";const u=d},38921:(n,e,o)=>{o.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>v,m2:()=>m,tM:()=>x});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",m="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",v="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>b,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>f,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>v});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",v="index-module--KE5Qn";const h=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),p=o(28717),b={};b.styleTagTransform=g(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();i()(p.ZP,b),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

package/build/umd/304.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 304.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[304],{304:(t,r,i)=>{i.r(r),i.d(r,{default:()=>N});var o=i(80248),l=i(12952),a=i(84658),c=i(88291),d=i(34988),u=i(50747),v=i.n(u),p=i(87363),h=i(51203),b=i(36115),m=i(63762),g=i(9420),x=i(65515),j=i.n(x),y=i(88683),O=(i(76839),i(13222)),S=i(88648),_=i(47514);function ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(i),!0).forEach((function(r){(0,o.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}function _createForOfIteratorHelper(t,r){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]\|\|t["@@iterator"];if(!i){if(Array.isArray(t)\|\|(i=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i\|\|"Set"===i?Array.from(t):"Arguments"===i\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,r):void 0}}(t))\|\|r&&t&&"number"==typeof t.length){i&&(t=i);var o=0,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,c=!0,d=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return c=t.done,t},e:function e(t){d=!0,a=t},f:function f(){try{c\|\|null==i.return\|\|i.return()}finally{if(d)throw a}}}}function _arrayLikeToArray(t,r){(null==r\|\|r>t.length)&&(r=t.length);for(var i=0,o=Array(r);i<r;i++)o[i]=t[i];return o}function decisionAffectsOption(t,r,i){var o,l,a,c;if(i)return null!==(a=null===(c=t.featureRefs)\|\|void 0===c?void 0:c.includes(r))&&void 0!==a&&a;var d=t,u=null==r?void 0:r.replace(/^OPT/,"");return!(null===(o=d.DOC)\|\|void 0===o\|\|!o.find((function(t){var i,o;return(null===(i=t.DA)\|\|void 0===i?void 0:i.find((function(t){return function matches(t){return t===r\|\|t===u\|\|t&&"OPT"+t===r}(t.OptionCodex)\|\|t.DecisionNr===r})))\|\|(null===(o=t.JsFormula)\|\|void 0===o?void 0:o.includes("'OPT"+u+"'"))})))\|\|!(null===(l=d.Options)\|\|void 0===l\|\|!l.includes(null!=r&&r.startsWith("OPT")?r:"OPT"+r))}function getSnapshotOpt(t,r){var i,o=null!=r&&r.startsWith("OPT")?r:"OPT"+(null!=r?r:"");return null!==(i=t[r])&&void 0!==i?i:t[o]}const N=(0,g.Pi)((function DecisionAnalyzer(t){var r,i,o,u,g,x,N,w=Object.assign({},((0,c.Z)(t),t)),k=(0,m.NP)(),P=k.divaWebPlanner.getDivaArticles(),D=(0,p.useState)(!1),C=(0,d.Z)(D,2),A=C[0],T=C[1];(0,p.useEffect)((function(){var t=function(){var t=(0,a.Z)(v().mark((function _callee(){return v().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,y.DivaUtils.Sleep(1e3);case 2:T(!A);case 3:case"end":return t.stop()}}),_callee)})));return function asyncFunct(){return t.apply(this,arguments)}}();t()}),[k.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var t=k.divaWebPlanner.actSet();return t&&!t.logDecisions&&(t.logDecisions=!0),function(){var t=k.divaWebPlanner.actSet();t&&(t.logDecisions=!1)}}),[k.uiState.isLoading]);var V=(0,p.useState)(Object.values(null!=P?P:{}).find((function(t){return 1==t.posNr}))),Z=(0,d.Z)(V,2),I=Z[0],z=Z[1],Q=(0,l.Z)(null!==(r=null==I?void 0:I.articleOptionStates.values())&&void 0!==r?r:[]),R=(0,p.useState)(),W=(0,d.Z)(R,2),E=W[0],G=W[1],K=(0,p.useState)(),M=(0,d.Z)(K,2),L=M[0],H=M[1],$=(0,p.useState)(),J=(0,d.Z)($,2),X=J[0],Y=J[1],U=null!==(i=null==I\|\|null===(o=I.CatalogData)\|\|void 0===o?void 0:o.isIDMFormat)&&void 0!==i&&i,q=null!==(u=null==I\|\|null===(g=I.decisionDebugStacks)\|\|void 0===g\|\|null===(g=g[0])\|\|void 0===g\|\|null===(g=g.stack)\|\|void 0===g?void 0:g.length)&&void 0!==u?u:0,B=q>0?(0,l.Z)(Array(q).keys()):[],nn=L,en=(0,p.useMemo)((function(){var t,r=nn,i=null==I\|\|null===(t=I.decisionDebugStacks)\|\|void 0===t\|\|null===(t=t[0])\|\|void 0===t?void 0:t.stack;return i?B.map((function(t,r){return r})).filter((function(t){var o=null==i?void 0:i[t];return!!o&&(!r\|\|decisionAffectsOption(o.decision,r,U))})):[]}),[nn,B,null==I?void 0:I.decisionDebugStacks,U]);if(!I)return(0,_.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:j()(w.className,b.fm),style:{zIndex:800},children:[(0,_.jsx)("a",{className:b.Fs,children:"Decision analyzer - plann article"}),(0,_.jsx)(S.default,{articleState:[I,z],rerender:A})]}));if(!q)return(0,_.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:j()(w.className,b.fm),style:{zIndex:800},children:[(0,_.jsx)("a",{className:b.Fs,children:"Decision analyzer - change config"}),(0,_.jsx)(S.default,{articleState:[I,z],rerender:A})]}));var tn=[];if(U)tn=I.decisionDebugStacks.map((function(t){return t.stack.map((function(t){var r,i=nn&&(null===(r=t.decision.featureRefs)\|\|void 0===r?void 0:r.includes(nn));return _objectSpread(_objectSpread({},t),{},{bold:!(!nn\|\|!i)})}))}));else{var rn=function optPrefix(t){return null!=t&&t.startsWith("OPT")?t:"OPT"+t};tn=I.decisionDebugStacks.map((function(t){return t.stack.map((function(t){var r,i,o=nn&&(!(null===(r=t.decision.DOC)\|\|void 0===r\|\|!r.find((function(t){var r,i;return(null===(r=t.DA)\|\|void 0===r?void 0:r.find((function(t){return t.OptionCodex===nn\|\|t.OptionCodex===rn(nn)\|\|t.DecisionNr==nn})))\|\|(null===(i=t.JsFormula)\|\|void 0===i?void 0:i.includes("'OPT"+nn.replace(/^OPT/,"")+"'"))})))\|\|!(null===(i=t.decision.Options)\|\|void 0===i\|\|!i.includes(rn(nn))));return _objectSpread(_objectSpread({},t),{},{bold:!(!nn\|\|!o)})}))}))}var on=L?Q.find((function(t){var r;return t.optionCodex===L\|\|(null!==(r=t.option.ocd)&&void 0!==r?r:t.option.codex)===L})):void 0,ln=on?function flattenArticleOptionValues(t){var r,i,o=[],l=_createForOfIteratorHelper(null!==(r=t.option.articleOptionValues)&&void 0!==r?r:new Map);try{for(l.s();!(i=l.n()).done;){var a=(0,d.Z)(i.value,2)[1];if(a.isOPVG&&a.articleOptionValues){var c,u=_createForOfIteratorHelper(a.articleOptionValues);try{for(u.s();!(c=u.n()).done;){var v=(0,d.Z)(c.value,2)[1];o.push({codex:v.codex,name:v.name})}}catch(t){u.e(t)}finally{u.f()}}else o.push({codex:a.codex,name:a.name})}}catch(t){l.e(t)}finally{l.f()}return o}(on):[],an=null!==(x=null==I\|\|null===(N=I.decisionDebugStacks)\|\|void 0===N\|\|null===(N=N[0])\|\|void 0===N?void 0:N.stack)&&void 0!==x?x:[];return(0,_.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:j()(w.className,b.fm,k.uiState.configSettingsIsExpanded?h.NF:void 0),style:{zIndex:800},children:[(0,_.jsx)("a",{className:b.Fs,children:"Decision history"}),(0,_.jsx)(S.default,{articleState:[I,z],rerender:A}),(0,_.jsx)("p",{className:b.Wy,children:"These tables show how configuration decisions affect product options and their visibility. Select an option to see which values are visible or hidden per decision."}),(0,_.jsxs)("div",{className:b.hS,children:[(0,_.jsx)("div",{className:b.Hy,children:(0,_.jsxs)("table",{className:b.Kz,children:[(0,_.jsx)("thead",{children:(0,_.jsx)("tr",{className:b.$Q,children:tn.map((function(t,r){return(0,_.jsx)("th",{children:r},r)}))})}),(0,_.jsx)("tbody",{children:en.map((function(t){return(0,_.jsx)("tr",{className:b.$Q,children:tn.map((function(r,i){var o=r[t];return(0,_.jsx)("td",{className:b.s2,onClick:function onClick(){return o&&function onClick(t,r){var i,o;t==((null==E\|\|null===(i=E.decision)\|\|void 0===i?void 0:i.Number)\|\|(null==E\|\|null===(o=E.decision)\|\|void 0===o?void 0:o.decisionNo))?G(void 0):G(r)}(o.nr,o)},children:null!=o&&o.bold?(0,_.jsx)("strong",{children:null==o?void 0:o.text}):null==o?void 0:o.text},i)}))},t)}))})]})}),(0,_.jsx)("div",{className:b.Hy,children:(0,_.jsxs)("table",{className:b.Kz,children:[(0,_.jsx)("thead",{children:(0,_.jsxs)("tr",{className:b.$Q,children:[(0,_.jsx)("th",{children:"Option"}),(0,_.jsx)("th",{children:"Name"})]})}),(0,_.jsx)("tbody",{children:Q.map((function(t){var r,i,o=null!==(r=null!==(i=t.optionCodex)&&void 0!==i?i:t.option.ocd)&&void 0!==r?r:t.option.codex,l=L===o;return(0,_.jsxs)("tr",{className:j()(b.$Q,l?b.Xn:void 0),onClick:function onClick(){return H(l?void 0:o)},children:[(0,_.jsx)("td",{children:o}),(0,_.jsx)("td",{children:t.option.name})]},o)}))})]})}),L&&ln.length>0&&(0,_.jsxs)("div",{className:b._g,children:[(0,_.jsxs)("h4",{children:["Option values (",null==on?void 0:on.option.name,")"]}),(0,_.jsxs)("table",{className:b.Kz,children:[(0,_.jsx)("thead",{children:(0,_.jsxs)("tr",{className:b.$Q,children:[(0,_.jsx)("th",{children:"Codex"}),(0,_.jsx)("th",{children:"Name"}),(0,_.jsx)("th",{children:"Status"})]})}),(0,_.jsx)("tbody",{children:ln.map((function(t){var r=X===t.codex,i=function getOpvStatus(t,r,i){var o,l,a,c,d={visible:!0};if(!t.length)return d;for(var u=null!==(o=null===(l=getSnapshotOpt(t[0].snapshots.before,r))\|\|void 0===l\|\|null===(l=l.visibleOPVs)\|\|void 0===l?void 0:l.includes(i))&&void 0!==o&&o,v=null!==(a=null===(c=getSnapshotOpt(t[0].snapshots.before,r))\|\|void 0===c?void 0:c.selOPV)&&void 0!==a?a:"",p=0;p<t.length;p++){var h,b,m,g,x,j=t[p],y=getSnapshotOpt(j.snapshots.before,r),O=getSnapshotOpt(j.snapshots.after,r),S=null!==(h=null==y\|\|null===(b=y.visibleOPVs)\|\|void 0===b?void 0:b.includes(i))&&void 0!==h?h:u,_=null!==(m=null==O\|\|null===(g=O.visibleOPVs)\|\|void 0===g?void 0:g.includes(i))&&void 0!==m&&m,N=null!==(x=null==O?void 0:O.selOPV)&&void 0!==x?x:v;!S\|\|_\|\|d.hiddenSince\|\|(d.hiddenSince=j),N!==i\|\|v===i\|\|d.newValueSince\|\|(d.newValueSince=j),u=_,v=N}return d.visible=u,d}(an,L,t.codex),o=function decisionNr(t){var r,i,o,l;return null!==(r=null!==(i=null===(o=t.decision)\|\|void 0===o?void 0:o.Number)&&void 0!==i?i:null===(l=t.decision)\|\|void 0===l?void 0:l.decisionNo)&&void 0!==r?r:t.nr},l=function toRow(t){var r;return _objectSpread(_objectSpread({},t),{},{bold:void 0,text:null!==(r=t.text)&&void 0!==r?r:String(t.nr)})};return(0,_.jsxs)("tr",{className:j()(b.$Q,r?b.qi:void 0),onClick:function onClick(){return Y(r?void 0:t.codex)},children:[(0,_.jsx)("td",{children:t.codex}),(0,_.jsx)("td",{children:t.name}),(0,_.jsxs)("td",{children:[i.visible?(0,_.jsx)("span",{className:b.FM,children:"visible"}):(0,_.jsxs)("span",{className:b.YF,children:["hidden since"," ",i.hiddenSince?(0,_.jsx)("button",{type:"button",className:b.ap,onClick:function onClick(t){t.stopPropagation(),G(l(i.hiddenSince))},children:o(i.hiddenSince)}):"?"]}),i.newValueSince&&(0,_.jsxs)("span",{className:b.gA,children:[" ","newValue since"," ",(0,_.jsx)("button",{type:"button",className:b.ap,onClick:function onClick(t){t.stopPropagation(),G(l(i.newValueSince))},children:o(i.newValueSince)})]})]})]},t.codex)}))})]})]})]}),E&&(0,_.jsx)("div",{className:b.EC,children:(0,_.jsx)(O.default,{decision:E.decision,snapshots:E.snapshots,onClose:function onClose(){return G(void 0)}})})]}))}))},72035:(t,r,i)=>{i.d(r,{Z:()=>d});var o=i(8081),l=i.n(o),a=i(23645),c=i.n(a)()(l());c.push([t.id,"/* base styles /\n\n._GzYRV {\n line-height: 1.2;\n white-space: pre-wrap;\n white-space: -moz-pre-wrap;\n white-space: -pre-wrap;\n white-space: -o-pre-wrap;\n word-wrap: break-word;\n}\n\n._3eOF8 {\n margin-right: 5px;\n font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n margin-left: -5px;\n}\n\n._1MFti {\n cursor: pointer;\n}\n\n._f10Tu {\n font-size: 1.2em;\n margin-right: 5px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n._1UmXx::after {\n content: '\\25B8';\n}\n\n._1LId0::after {\n content: '\\25BE';\n}\n\n._1pNG9 {\n margin-right: 5px;\n}\n\n._1pNG9::after {\n content: '...';\n font-size: 0.8em;\n}\n\n._2IvMF {\n background: #eee;\n}\n\n._2bkNM {\n margin: 0 10px;\n padding: 0;\n}\n\n._2bkNM > ul {\n margin: 0;\n padding: 0;\n}\n\n/ default light style /\n._1MGIk {\n font-weight: 600;\n margin-right: 5px;\n color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n color: #000000;\n}\n\n._2T6PJ {\n color: #df113a;\n}\n\n._1Gho6 {\n color: #df113a;\n}\n\n._vGjyY {\n color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n color: #0b75f5;\n}\n\n._3zQKs {\n color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n color: #43413d;\n}\n\n._oLqym {\n color: #000000;\n}\n\n._2AXVT {\n color: #000000;\n}\n\n._2KJWg {\n color: #000000;\n}\n\n/ default dark style */\n._11RoI {\n background: rgb(0, 43, 54);\n}\n\n._17H2C {\n color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n font-weight: bolder;\n margin-right: 5px;\n color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n color: rgb(203, 75, 22);\n}\n\n._2bveF {\n color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n color: rgb(174, 129, 255);\n}\n\n._1prJR {\n color: rgb(38, 139, 210);\n}\n",""]);const d=c},76839:(t,r,i)=>{var o=i(93379),l=i.n(o),a=i(7795),c=i.n(a),d=i(90569),u=i.n(d),v=i(3565),p=i.n(v),h=i(19216),b=i.n(h),m=i(44589),g=i.n(m),x=i(72035),j={};j.styleTagTransform=g(),j.setAttributes=p(),j.insert=u().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=b();l()(x.Z,j),x.Z&&x.Z.locals&&x.Z.locals}}]);

package/build/umd/304.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:304 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3090.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(8135),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(63762),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3222.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(e,n,i)=>{i.r(n),i.d(n,{default:()=>x});var o=i(34988),t=i(87363),d=i(36115),s=i(59165),r=i(65515),l=i.n(r),a=i(22976),c=i.n(a),u=i(47514);const x=function DecisionVisualization(e){var n=e.decision,i=e.snapshots,r=e.matchingOptions,a=void 0===r?{}:r,x=e.anyData,h=e.onClose,N=(0,t.useRef)(null),g=(0,t.useState)(),p=(0,o.Z)(g,2),j=p[0],f=p[1],m=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,t.useEffect)((function(){if(i){var e={},n=function _loop(){var n=i.before[o],t=i.after[o];e[o]={after:t,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!t.visibleOPVs.includes(e)}))}};for(var o in i.before)n();f(e)}else f(void 0)}),[i]);var b=function isExpanded(e,n,i){var o=i;return!(void 0!==i&&!["removedOpvs","after","before"].includes(i))||!!(j&&o&&j[o]&&JSON.stringify(j[o].before)!==JSON.stringify(j[o].after))};if(void 0!==n.priceFeatureGroupNo){var D,v,O=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:d.ii,ref:N,children:[(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["PriceFeatureGroup #",O.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("div",{children:[m(O.catalogId,"Catalog ID"),m(O._id,"priceFeatureGroup ID"),m(null===(D=O.priceFeatureGroupText)||void 0===D?void 0:D.DE,"priceFeatureGroupText"),m(O.projectPercentageSurcharges,"projectPercentageSurcharges"),m(O.isPercentage,"isPercentage"),m(O.comment,"comment"),m(O.featureNos,"Feature References"),m(O.additionalPrice,"Additional Price"),m(O.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(v=O.finishes)||void 0===v?void 0:v.map((function(e){return(0,u.jsxs)("tr",{className:l()(e.sequence===O.activeCombination?d.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",O.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}if(void 0!==n.Number){var M=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",m(M.Number,"Number")]}),m(M.Type,"Type"),m(M.Prio,"Priority"),m(M.Options,"Options"),m(M.enabled?"Yes":"No","Enabled"),m(M.Number,"Decision Number"),m(M.activeCombination,"Active Combination Index"),m(M.disableHistory,"Disabled History"),M.DOC&&M.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),M.DOC.map((function(e,n){var i;return(0,u.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",m(n,"doc Index"),m(e.JsFormula,"Formula"),Object.values(null!==(i=e.Row)&&void 0!==i?i:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:m(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[m(e.Type,"Action Type"),m(e.FeatureRef,"Feature Ref"),m(e.OptionCodex,"OptionCodex"),m(e.OptionRef,"OptionRef"),m(e.OptionRefCodex,"OptionRefCodex"),m(e.OptionValueRefCodex,"OptionValueRefCodex"),m(e.DecisionNr,"DecisionNr")]},n)}))})]}),m(e.ValidOptionValues,"Valid Option Values"),m(e.RefLevel,"RefLevel"),m(e.ValidOptions,"Valid Options")]},n)}))]}),m(M.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",M.DOC&&M.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}var y,z=n;return(0,u.jsx)(c(),{nodeRef:N,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:N,className:d.ii,children:[(0,u.jsx)("div",{className:d.UF,onClick:function onClick(){return null==h?void 0:h()}}),(0,u.jsxs)("h2",{className:l()(d.uR,"handle"),children:["Decision #",z.decisionNo]}),(0,u.jsxs)("div",{children:[m(z.catalogId,"Catalog ID"),m(z._id,"Decision ID"),m(z.prio,"Priority"),m(z.decisionType,"Decision Type"),m(z.enabled?"Enabled":"Disabled","Status"),m(z.deleted?"Yes":"No","Deleted"),m(z.featureRefs,"Feature References"),m(z.disableHistory,"Disable History"),m(z.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:d.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:d.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(y=z.optionCombinations)||void 0===y?void 0:y.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.projectActions)}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(a).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(a).map((function(e){return m(e+": "+a[e],"")})),(0,u.jsx)("br",{})]}),!!j&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:j,style:s._l})]}),!!x&&(0,u.jsx)(s.gc,{data:x,style:s._l})]})})}},33981:(e,n,i)=>{i.d(n,{$Q:()=>h,EC:()=>m,Fs:()=>f,Kz:()=>x,Se:()=>N,UF:()=>p,ZP:()=>M,ao:()=>O,dY:()=>v,fm:()=>j,hX:()=>g,ii:()=>b,uR:()=>D});var o=i(8081),t=i.n(o),d=i(23645),s=i.n(d),r=i(61667),l=i.n(r),a=new URL(i(76380),i.b),c=s()(t()),u=l()(a);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 0px;\n  z-index: 100000;\n  width: 800px;\n  height: calc(100vh - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var x="index-module--sS9Y_",h="index-module--O5GJU",N="index-module--xNfvC",g="index-module--oALcg",p="index-module--HpoCh",j="index-module--bBk4P",f="index-module--sBWMs",m="index-module--XrXfq",b="index-module--uzZoJ",D="index-module--wrmAf",v="index-module--GsJQn",O="index-module--gf_Q8";const M=c},36115:(e,n,i)=>{i.d(n,{$Q:()=>g.$Q,EC:()=>g.EC,Fs:()=>g.Fs,Kz:()=>g.Kz,Se:()=>g.Se,UF:()=>g.UF,ao:()=>g.ao,dY:()=>g.dY,fm:()=>g.fm,hX:()=>g.hX,ii:()=>g.ii,uR:()=>g.uR});var o=i(93379),t=i.n(o),d=i(7795),s=i.n(d),r=i(90569),l=i.n(r),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),h=i(44589),N=i.n(h),g=i(33981),p={};p.styleTagTransform=N(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=s(),p.insertStyleElement=x();t()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var o=i(34988),d=i(87363),r=i(36115),t=i(59165),s=i(65515),a=i.n(s),l=i(47514);const c=function DecisionVisualization(n){var e=n.decision,i=n.snapshots,s=n.matchingOptions,c=void 0===s?{}:s,x=n.anyData,u=n.onClose,p=(0,d.useRef)(null),m=(0,d.useState)(),g=(0,o.Z)(m,2),h=g[0],f=g[1],N=function renderIfDefined(n,e){return null!=n&&""!==n?(0,l.jsxs)("p",{children:[(0,l.jsxs)("strong",{children:[e,e?":":""]}),Array.isArray(n)?n.join(", "):n]}):null};(0,d.useEffect)((function(){if(i){var n={},e=function _loop(){var e=i.before[o],d=i.after[o];n[o]={after:d,before:e,removedOpvs:e.visibleOPVs.filter((function(n){return!d.visibleOPVs.includes(n)}))}};for(var o in i.before)e();f(n)}else f(void 0)}),[i]);var j=function isExpanded(n,e,i){var o=i;return!(void 0!==i&&!["removedOpvs","after","before"].includes(i))||!!(h&&o&&h[o]&&JSON.stringify(h[o].before)!==JSON.stringify(h[o].after))};if(void 0!==e.priceFeatureGroupNo){var b,D,v=e;return(0,l.jsxs)("div",{className:r.ii,ref:p,children:[(0,l.jsx)("div",{className:r.UF,onClick:function onClick(){return null==u?void 0:u()}}),(0,l.jsxs)("h2",{className:a()(r.uR),children:["PriceFeatureGroup #",v.priceFeatureGroupNo]}),(0,l.jsxs)("div",{className:r.fm,children:[(0,l.jsxs)("div",{children:[N(v.catalogId,"Catalog ID"),N(v._id,"priceFeatureGroup ID"),N(null===(b=v.priceFeatureGroupText)||void 0===b?void 0:b.DE,"priceFeatureGroupText"),N(v.projectPercentageSurcharges,"projectPercentageSurcharges"),N(v.isPercentage,"isPercentage"),N(v.comment,"comment"),N(v.featureNos,"Feature References"),N(v.additionalPrice,"Additional Price"),N(v.activeCombination,"Active Combination Seqence")]}),(0,l.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,l.jsxs)("table",{className:r.ao,children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{children:[(0,l.jsx)("th",{children:"Sequence"}),(0,l.jsx)("th",{children:"condition"}),(0,l.jsx)("th",{children:"priceField"})]})}),(0,l.jsx)("tbody",{children:null===(D=v.finishes)||void 0===D?void 0:D.map((function(n){return(0,l.jsxs)("tr",{className:a()(n.sequence===v.activeCombination?r.Se:void 0),children:[(0,l.jsx)("td",{children:n.sequence}),(0,l.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)}),(0,l.jsxs)("td",{children:["PRFG",v.priceFeatureGroupNo+"_"+n.priceField]})]},n._id)}))})]}),(0,l.jsx)("br",{}),!!Object.values(c).length&&(0,l.jsxs)(l.Fragment,{children:["matching conditions",Object.keys(c).map((function(n){return N(n+": "+c[n],"")})),(0,l.jsx)("br",{})]}),!!h&&(0,l.jsxs)(l.Fragment,{children:["snapshot",(0,l.jsx)(t.gc,{shouldExpandNode:j,data:h,style:t._l})]}),!!x&&(0,l.jsx)(t.gc,{data:x,style:t._l})]})]})}if(void 0!==e.Number){var O=e;return(0,l.jsxs)("div",{ref:p,className:r.ii,children:[(0,l.jsx)("div",{className:r.UF,onClick:function onClick(){return null==u?void 0:u()}}),(0,l.jsx)("h2",{className:a()(r.uR),children:"Decision Details"}),(0,l.jsxs)("div",{className:r.fm,children:[(0,l.jsxs)("div",{children:[N(O.Number,"Number"),N(O.Type,"Type"),N(O.Prio,"Priority"),N(O.Options,"Options"),N(O.enabled?"Yes":"No","Enabled"),N(O.Number,"Decision Number"),N(O.activeCombination,"Active Combination Index"),N(O.disableHistory,"Disabled History")]}),O.DOC&&O.DOC.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("h3",{className:r.dY,children:"Decision Option Combinations"}),O.DOC.map((function(n,e){var i;return(0,l.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",N(e,"doc Index"),N(n.JsFormula,"Formula"),Object.values(null!==(i=n.Row)&&void 0!==i?i:{}).map((function(n){return(0,l.jsx)(l.Fragment,{children:N(n.join(";"),"Doc Row")})})),n.DA&&n.DA.length>0&&(0,l.jsxs)("div",{children:[(0,l.jsx)("h6",{children:"Decision Actions:"}),(0,l.jsx)("ul",{children:n.DA.map((function(n,e){return(0,l.jsxs)("li",{children:[N(n.Type,"Action Type"),N(n.FeatureRef,"Feature Ref"),N(n.OptionCodex,"OptionCodex"),N(n.OptionRef,"OptionRef"),N(n.OptionRefCodex,"OptionRefCodex"),N(n.OptionValueRefCodex,"OptionValueRefCodex"),N(n.DecisionNr,"DecisionNr")]},e)}))})]}),N(n.ValidOptionValues,"Valid Option Values"),N(n.RefLevel,"RefLevel"),N(n.ValidOptions,"Valid Options")]},e)}))]}),N(O.disableHistory,"Disabled History"),(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{children:"Is Valid DOC:"})," ",O.DOC&&O.DOC.length>0?"Yes":"No"]}),!!Object.values(c).length&&(0,l.jsxs)(l.Fragment,{children:["matching conditions",Object.keys(c).map((function(n){return N(n+": "+c[n],"")})),(0,l.jsx)("br",{})]}),!!h&&(0,l.jsxs)(l.Fragment,{children:["snapshot",(0,l.jsx)(t.gc,{shouldExpandNode:j,data:h,style:t._l})]}),!!x&&(0,l.jsx)(t.gc,{data:x,style:t._l})]})]})}var y,M=e;return(0,l.jsxs)("div",{ref:p,className:r.ii,children:[(0,l.jsx)("div",{className:r.UF,onClick:function onClick(){return null==u?void 0:u()}}),(0,l.jsxs)("h2",{className:a()(r.uR),children:["Decision #",M.decisionNo]}),(0,l.jsxs)("div",{className:r.fm,children:[(0,l.jsxs)("div",{children:[N(M.catalogId,"Catalog ID"),N(M._id,"Decision ID"),N(M.prio,"Priority"),N(M.decisionType,"Decision Type"),N(M.enabled?"Enabled":"Disabled","Status"),N(M.deleted?"Yes":"No","Deleted"),N(M.featureRefs,"Feature References"),N(M.disableHistory,"Disable History"),N(M.activeCombination,"Active Combination Seqence")]}),(0,l.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,l.jsxs)("table",{className:r.ao,children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{children:[(0,l.jsx)("th",{children:"Sequence"}),(0,l.jsx)("th",{children:"Actions"}),(0,l.jsx)("th",{children:"Options Set References"})]})}),(0,l.jsx)("tbody",{children:null===(y=M.optionCombinations)||void 0===y?void 0:y.map((function(n){return(0,l.jsxs)("tr",{className:a()(n.sequence===M.activeCombination?r.Se:void 0),children:[(0,l.jsx)("td",{children:n.sequence}),(0,l.jsx)("td",{children:JSON.stringify(n.projectActions)}),(0,l.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)})]},n._id)}))})]}),!!Object.values(c).length&&(0,l.jsxs)(l.Fragment,{children:["matching conditions",Object.keys(c).map((function(n){return N(n+": "+c[n],"")})),(0,l.jsx)("br",{})]}),!!h&&(0,l.jsxs)(l.Fragment,{children:["snapshot",(0,l.jsx)(t.gc,{shouldExpandNode:j,data:h,style:t._l})]}),!!x&&(0,l.jsx)(t.gc,{data:x,style:t._l})]})]})}},33981:(n,e,i)=>{i.d(e,{$Q:()=>p,EC:()=>C,FM:()=>v,Fs:()=>A,Hy:()=>f,Kz:()=>u,Se:()=>m,UF:()=>S,Wy:()=>g,Xn:()=>N,YF:()=>O,ZP:()=>L,_g:()=>j,ao:()=>k,ap:()=>M,dY:()=>T,fm:()=>z,gA:()=>y,hS:()=>h,ii:()=>w,qi:()=>b,s2:()=>D,uR:()=>Q});var o=i(8081),d=i.n(o),r=i(23645),t=i.n(r),s=i(61667),a=i.n(s),l=new URL(i(76380),i.b),c=t()(d()),x=a()(l);c.push([n.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--sS9Y_ thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--sS9Y_ th,\n.index-module--sS9Y_ td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--sS9Y_ tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--O5GJU {\n  text-align: left;\n}\n\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n\n.index-module--xNfvC {\n  font-weight: bold;\n}\n\n.index-module--oALcg {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.index-module--oALcg:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.index-module--GhBSZ {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--npZia {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n\n.index-module--V0mkK {\n  flex: 0 0 auto;\n  align-self: flex-start;\n}\n\n.index-module--acays {\n  background: #ebf8ff !important;\n}\n\n.index-module--acays {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--MkLHL {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n}\n\n.index-module--MkLHL h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--H3t_n {\n  background: #e6fffa !important;\n}\n\n.index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.index-module--uYGu4 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--uYGu4:hover {\n  background: #edf2f7;\n}\n\n.index-module--Pj7zk {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--I3NCP {\n  color: #e53e3e;\n}\n\n.index-module--oSNpU {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.index-module--Hc7XK {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.index-module--Hc7XK:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+x+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--sBWMs {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.index-module--uzZoJ {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  margin: 8px 16px;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var u="index-module--sS9Y_",p="index-module--O5GJU",m="index-module--xNfvC",g="index-module--GhBSZ",h="index-module--npZia",f="index-module--V0mkK",N="index-module--acays",j="index-module--MkLHL",b="index-module--H3t_n",D="index-module--uYGu4",v="index-module--Pj7zk",O="index-module--I3NCP",y="index-module--oSNpU",M="index-module--Hc7XK",S="index-module--HpoCh",z="index-module--bBk4P",A="index-module--sBWMs",C="index-module--XrXfq",w="index-module--uzZoJ",Q="index-module--wrmAf",T="index-module--GsJQn",k="index-module--gf_Q8";const L=c},36115:(n,e,i)=>{i.d(e,{$Q:()=>g.$Q,EC:()=>g.EC,FM:()=>g.FM,Fs:()=>g.Fs,Hy:()=>g.Hy,Kz:()=>g.Kz,Se:()=>g.Se,UF:()=>g.UF,Wy:()=>g.Wy,Xn:()=>g.Xn,YF:()=>g.YF,_g:()=>g._g,ao:()=>g.ao,ap:()=>g.ap,dY:()=>g.dY,fm:()=>g.fm,gA:()=>g.gA,hS:()=>g.hS,ii:()=>g.ii,qi:()=>g.qi,s2:()=>g.s2,uR:()=>g.uR});var o=i(93379),d=i.n(o),r=i(7795),t=i.n(r),s=i(90569),a=i.n(s),l=i(3565),c=i.n(l),x=i(19216),u=i.n(x),p=i(44589),m=i.n(p),g=i(33981),h={};h.styleTagTransform=m(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=t(),h.insertStyleElement=u();d()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 324.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(80248),o=t(88291),r=(t(87363),t(8135)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 s=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(8135),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(8135),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),O=t(59342),k=t(46567),C=t(9420),G=t(68063),T=t(88683),I=t(54955),N=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]);var t=(0,T.useDivaCore)().state.isFullscreenComponent;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(P.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(G.default,{className:S.Bg}),(0,N.jsx)(I.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,N.jsx)(P.default,{className:S.vt}),(0,N.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(8135)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(8135),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(8135),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.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,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(8135)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(8135),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=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("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.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("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(80248),o=t(88291),r=(t(87363),t(63762)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 s=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(63762),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(63762),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),O=t(59342),k=t(46567),C=t(9420),G=t(68063),T=t(88683),I=t(54955),N=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]);var t=(0,T.useDivaCore)().state.isFullscreenComponent;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(P.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(G.default,{className:S.Bg}),(0,N.jsx)(I.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(k.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,N.jsx)(P.default,{className:S.vt}),(0,N.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(63762)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(63762),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.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,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(63762)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(63762),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=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("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.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("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3337.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(8135),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(e,n,r)=>{r.r(n),r.d(n,{default:()=>C});var t=r(9420),a=(r(87363),r(93379)),i=r.n(a),l=r(7795),o=r.n(l),d=r(90569),s=r.n(d),u=r(3565),c=r.n(u),p=r(19216),b=r.n(p),g=r(44589),m=r.n(g),v=r(33625),P={};P.styleTagTransform=m(),P.setAttributes=c(),P.insert=s().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=b();i()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var f=r(65515),k=r.n(f),x=r(63762),h=r(47514);const C=(0,t.Pi)((function FilterItem(e){var n,r=e.item,t=e.id,a=(0,x.NP)(),i=null===(n=a.settingsState.itemPalettes.get(t))||void 0===n?void 0:n.filterValue;return(0,h.jsx)("span",{onClick:function onClick(){return a.paletteViewHandler.onSelectFilter(t,r.text,"RAL")},style:{backgroundColor:r.rgb},className:k()(v.kT,i===r.text?v.pA:void 0)})}))},33625:(e,n,r)=>{r.d(n,{ZP:()=>s,kT:()=>o,pA:()=>d});var t=r(8081),a=r.n(t),i=r(23645),l=r.n(i)()(a());l.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var o="index-module--ouZ0f",d="index-module--PFRaI";const s=l}}]);