@crystaldesign/diva-web-planner-react 25.11.0-rc.1 → 25.11.0-rc.11

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9676.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9676,3820,395,8238],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(88130),r=t(9420),o=(t(87363),t(74133)),a=t(47514);const d=(0,r.Pi)((function SettingsHeaderContainer(e){var n,t,r=e.isScroller,d=void 0!==r&&r,s=(0,i.NP)(),l=s.settingsState.itemPalettes.get(1);if(!l)return(0,a.jsx)(a.Fragment,{});var u="CHECKOUT"!==l.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=l.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=l.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(l.configStepKey)||l.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,a.jsx)(a.Fragment,{children:u&&(0,a.jsx)(o.default,{isInScroller:d,isSettingsHeader:!l.isHeader,item:l,header:!0})})}))},23820:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),p=t(3565),c=t.n(p),g=t(19216),x=t.n(g),f=t(44589),w=t.n(f),m=t(5217),v={};v.styleTagTransform=w(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(88130),h=t(47514);const S=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,b.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!o&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},90395:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(88291),o=t(88130),a=t(9420),d=t(87363),s=t(80509),l=t(93379),u=t.n(l),p=t(7795),c=t.n(p),g=t(90569),x=t.n(g),f=t(3565),w=t.n(f),m=t(19216),v=t.n(m),b=t(44589),h=t.n(b),S=t(79501),D={};D.styleTagTransform=h(),D.setAttributes=w(),D.insert=x().bind(null,"head"),D.domAPI=c(),D.insertStyleElement=v();u()(S.ZP,D);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(3324),W=t(65515),F=t.n(W),I=t(23820),T=t(47514);const P=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],p={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var c,g,x,f,w,m={},v=a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex];isNaN(Number(v))?c=v:c=Number(v)*(null!==(g=null===(x=a.uiState.configuratorRef)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==g?g:0)+"px";a.uiState.isInMobileView?m.height="calc("+c+" - var(--configuratorTabGroupHeight))":m.height="calc(100% - "+(null!==(f=null===(w=a.settingsState.settingsHeaderElement)||void 0===w?void 0:w.getBoundingClientRect().height)&&void 0!==f?f:0)+"px)";for(var b=0;b<a.settingsState.itemPaletteArr.length;b++){var h=a.settingsState.itemPaletteArr[b][1],D=Number(h.id),W=h.pairWithOptionsToGroup;W&&h.visible&&(p[W]||(p[W]=[]),p[W].push(D)),h.isRenderedNotInSettingPalette||u.push([D,h])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:m,className:F()(S.e8,a.uiState.configSettingsIsExpanded?S.zh:void 0,a.uiState.configSettingsIsMinExpanded?S.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),r=t[0],o=t[1];return(0,T.jsx)(y.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?p[o.pairWithOptionsToGroup].length:void 0},(null!==(n=o.optionCodex)&&void 0!==n?n:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},78238:(e,n,t)=>{t.r(n),t.d(n,{default:()=>W});var i=t(34988),r=t(9420),o=t(87363),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),p=t(90569),c=t.n(p),g=t(3565),x=t.n(g),f=t(19216),w=t.n(f),m=t(44589),v=t.n(m),b=t(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=w();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(65515),D=t.n(S),y=t(47514);const W=(0,r.Pi)((function NavForwardButton(e){var n=(0,a.NP)(),t=(0,o.useState)(!1),r=(0,i.Z)(t,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!n.actionButtonState.isOnLastStep&&!n.actionButtonState.isOnFirstStepDisabled)}),400)}),[n.actionButtonState.isOnLastStep,n.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:D()(b.YS,d&&b.oP,n.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){return n.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:b.qv})})}))},99676:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var i=t(88291),r=t(9420),o=t(87363),a=t(37707),d=t(88130),s=t(82956),l=t(90395),u=t(74133),p=t(84658),c=t(34988),g=t(50747),x=t.n(g),f=t(88683),w=t(78238),m=t(47514);const v=(0,r.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var n=(0,d.NP)(),t=function useSwiperHook(e){var n=(0,o.useState)(null),t=(0,c.Z)(n,2),i=t[0],r=t[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var n=Object.keys(e.tabGroupState.allTabGroups);l(n),e.tabGroupState.curTabGroup&&n.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(n.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,p.Z)(x().mark((function _callee(){var e,n,t,r,o,a=arguments;return x().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,n=a.length>1&&void 0!==a[1]?a[1]:500,i){d.next=4;break}return d.abrupt("return");case 4:return t=.25*n,r=i.getTranslate(),o=r-e,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),d.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(r-.5*e),d.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),d.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(r),i.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?s.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(n){if(void 0!==e.tabGroupState.curTabGroup){var t=n.activeIndex-s.indexOf(e.tabGroupState.curTabGroup.key);1==t?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?e.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[s[n.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(n),r=t.setSwiperRef,g=t.allSwipes,v=t.handleSlideChange,b=t.handleSetTransition,h=t.handleTransitionEnd,S=t.initialSlide;return n.tabGroupState.curTabGroup?(0,m.jsx)(a.tq,{onSlideChange:v,onSetTransition:b,onTransitionEnd:h,initialSlide:S,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:s.Iz,children:g.map((function(e){var t,i,r,o=null===(t=Object.values(null!==(i=null===(r=n.tabGroupState.allTabGroups[e])||void 0===r?void 0:r.options)&&void 0!==i?i:{}))||void 0===t||null===(t=t[0])||void 0===t?void 0:t.title;return(0,m.jsx)(a.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(l.default,{},e),(0,m.jsx)(w.default,{})]}):(0,m.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,m.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,m.jsx)(m.Fragment,{})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},76640:(e,n,t)=>{t.d(n,{Mq:()=>f,YS:()=>c,ZP:()=>w,oP:()=>x,qv:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(81165),t.b),u=a()(r()),p=s()(l);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\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("+p+");\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.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 c="index-module--OH1rD",g="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const w=u},62500:(e,n,t)=>{t.d(n,{AH:()=>m,AI:()=>D,EN:()=>F,Iz:()=>S,ZP:()=>I,al:()=>b,nW:()=>W,s1:()=>y,vt:()=>w,yk:()=>h,zh:()=>v});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),p=new URL(t(64197),t.b),c=a()(r()),g=s()(l),x=s()(u),f=s()(p);c.push([e.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("+g+");\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  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: 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 w="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",S="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",W="index-module--B75oj",F="index-module--rLMX4";const I=c},82956:(e,n,t)=>{t.d(n,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),p=t(19216),c=t.n(p),g=t(44589),x=t.n(g),f=t(62500),w={};w.styleTagTransform=x(),w.setAttributes=u(),w.insert=s().bind(null,"head"),w.domAPI=a(),w.insertStyleElement=c();r()(f.ZP,w),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9676,3820,395,8238],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(88130),r=t(9420),o=(t(87363),t(74133)),a=t(47514);const d=(0,r.Pi)((function SettingsHeaderContainer(e){var n,t,r=e.isScroller,d=void 0!==r&&r,s=(0,i.NP)(),l=s.settingsState.itemPalettes.get(1);if(!l)return(0,a.jsx)(a.Fragment,{});var u="CHECKOUT"!==l.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=l.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=l.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(l.configStepKey)||l.configStepKey.startsWith("SHELFARTICLE")||!s.settingsState.allArticlesAreActive);return(0,a.jsx)(a.Fragment,{children:u&&(0,a.jsx)(o.default,{isInScroller:d,isSettingsHeader:!l.isHeader,item:l,header:!0})})}))},23820:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),a=t.n(o),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),p=t(3565),c=t.n(p),g=t(19216),x=t.n(g),f=t(44589),w=t.n(f),m=t(5217),v={};v.styleTagTransform=w(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(88130),h=t(47514);const S=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,b.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!o&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},90395:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(88291),o=t(88130),a=t(9420),d=t(87363),s=t(80509),l=t(93379),u=t.n(l),p=t(7795),c=t.n(p),g=t(90569),x=t.n(g),f=t(3565),w=t.n(f),m=t(19216),v=t.n(m),b=t(44589),h=t.n(b),S=t(79501),D={};D.styleTagTransform=h(),D.setAttributes=w(),D.insert=x().bind(null,"head"),D.domAPI=c(),D.insertStyleElement=v();u()(S.ZP,D);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(3324),W=t(65515),F=t.n(W),I=t(23820),T=t(47514);const P=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,r.Z)(e);var a=(0,o.NP)(),l=(0,d.useRef)(null),u=[],p={};(0,d.useEffect)((function(){return l.current?(a.settingsState.setScrollerElement(l.current),a.uiState.setUpSettingsScrollEvent(l.current)):function(){}}),[l]);var c,g,x,f,w,m={},v=a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex];isNaN(Number(v))?c=v:c=Number(v)*(null!==(g=null===(x=a.uiState.configuratorRef)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==g?g:0)+"px";a.uiState.isInMobileView?m.height="calc("+c+" - var(--configuratorTabGroupHeight))":m.height="calc(100% - "+(null!==(f=null===(w=a.settingsState.settingsHeaderElement)||void 0===w?void 0:w.getBoundingClientRect().height)&&void 0!==f?f:0)+"px)";for(var b=0;b<a.settingsState.itemPaletteArr.length;b++){var h=a.settingsState.itemPaletteArr[b][1],D=Number(h.id),W=h.pairWithOptionsToGroup;W&&h.visible&&(p[W]||(p[W]=[]),p[W].push(D)),h.isRenderedNotInSettingPalette||u.push([D,h])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:m,className:F()(S.e8,a.uiState.configSettingsIsExpanded?S.zh:void 0,a.uiState.configSettingsIsMinExpanded?S.m7:void 0),id:"wcConfigurator-settings-scroller",ref:l,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(s.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),r=t[0],o=t[1];return(0,T.jsx)(y.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?p[o.pairWithOptionsToGroup].length:void 0},(null!==(n=o.optionCodex)&&void 0!==n?n:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},78238:(e,n,t)=>{t.r(n),t.d(n,{default:()=>W});var i=t(34988),r=t(9420),o=t(87363),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),p=t(90569),c=t.n(p),g=t(3565),x=t.n(g),f=t(19216),w=t.n(f),m=t(44589),v=t.n(m),b=t(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=c().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=w();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(65515),D=t.n(S),y=t(47514);const W=(0,r.Pi)((function NavForwardButton(e){var n=(0,a.NP)(),t=(0,o.useState)(!1),r=(0,i.Z)(t,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!n.actionButtonState.isOnLastStep&&!n.actionButtonState.isOnFirstStepDisabled)}),400)}),[n.actionButtonState.isOnLastStep,n.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:D()(b.YS,d&&b.oP,n.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",n.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:b.qv})})}))},99676:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var i=t(88291),r=t(9420),o=t(87363),a=t(37707),d=t(88130),s=t(82956),l=t(90395),u=t(74133),p=t(84658),c=t(34988),g=t(50747),x=t.n(g),f=t(88683),w=t(78238),m=t(47514);const v=(0,r.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var n=(0,d.NP)(),t=function useSwiperHook(e){var n=(0,o.useState)(null),t=(0,c.Z)(n,2),i=t[0],r=t[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var n=Object.keys(e.tabGroupState.allTabGroups);l(n),e.tabGroupState.curTabGroup&&n.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(n.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,p.Z)(x().mark((function _callee(){var e,n,t,r,o,a=arguments;return x().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,n=a.length>1&&void 0!==a[1]?a[1]:500,i){d.next=4;break}return d.abrupt("return");case 4:return t=.25*n,r=i.getTranslate(),o=r-e,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),d.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(r-.5*e),d.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),d.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(r),i.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?s.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(n){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=n.activeIndex-s.indexOf(e.tabGroupState.curTabGroup.key);1==t?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?e.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[s[n.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(n),r=t.setSwiperRef,g=t.allSwipes,v=t.handleSlideChange,b=t.handleSetTransition,h=t.handleTransitionEnd,S=t.initialSlide;return n.tabGroupState.curTabGroup?(0,m.jsx)(a.tq,{onSlideChange:v,onSetTransition:b,onTransitionEnd:h,initialSlide:S,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:s.Iz,children:g.map((function(e){var t,i,r,o=null===(t=Object.values(null!==(i=null===(r=n.tabGroupState.allTabGroups[e])||void 0===r?void 0:r.options)&&void 0!==i?i:{}))||void 0===t||null===(t=t[0])||void 0===t?void 0:t.title;return(0,m.jsx)(a.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(l.default,{},e),(0,m.jsx)(w.default,{})]}):(0,m.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,m.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,m.jsx)(m.Fragment,{})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",l="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>l,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",l="index-module--Rpo_4";const u=a},76640:(e,n,t)=>{t.d(n,{Mq:()=>f,YS:()=>c,ZP:()=>w,oP:()=>x,qv:()=>g});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(81165),t.b),u=a()(r()),p=s()(l);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\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("+p+");\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.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 c="index-module--OH1rD",g="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const w=u},62500:(e,n,t)=>{t.d(n,{AH:()=>m,AI:()=>D,EN:()=>F,Iz:()=>S,ZP:()=>I,al:()=>b,nW:()=>W,s1:()=>y,vt:()=>w,yk:()=>h,zh:()=>v});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=new URL(t(27557),t.b),p=new URL(t(64197),t.b),c=a()(r()),g=s()(l),x=s()(u),f=s()(p);c.push([e.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("+g+");\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  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: 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 w="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",S="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",W="index-module--B75oj",F="index-module--rLMX4";const I=c},82956:(e,n,t)=>{t.d(n,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),p=t(19216),c=t.n(p),g=t(44589),x=t.n(g),f=t(62500),w={};w.styleTagTransform=x(),w.setAttributes=u(),w.insert=s().bind(null,"head"),w.domAPI=a(),w.insertStyleElement=c();r()(f.ZP,w),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);