@crystaldesign/diva-web-planner-react 25.11.0-rc.27 → 25.11.0-rc.28

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5805.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],f=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),f=t.n(b),g=t(19216),m=t.n(g),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,f=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:f,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),f=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,f.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>g,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",f="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],f=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),f=t.n(b),g=t(19216),m=t.n(g),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,f=p.handleTouchEnd,g=(0,i.useState)(null),m=(0,o.Z)(g,2),h=m[0],v=m[1];return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:h,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:f,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),f=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,f.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>g,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",f="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n  overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6075.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6075,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=t(88291),r=(t(87363),t(88130)),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 d=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"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=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),h=t.n(f),m=t(19216),v=t.n(m),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=h(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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 l=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&&(l(),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:l})]})]})})}))},36075:(n,e,t)=>{t.r(e),t.d(e,{default:()=>E});var i=t(65515),o=t.n(i),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),h=t(44589),m=t.n(h),v=t(26643),S={};S.styleTagTransform=m(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(28596),O=t(7474),C=t(9420),B=t(68063),Z=t(88683),M=t(25322),N=t(47514),I={"--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 E=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]);var t=(0,Z.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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",className:v.Ly,children:[(0,N.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,N.jsx)(P.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(B.default,{className:v.Bg}),(0,N.jsx)(M.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"right"}),(0,N.jsx)(P.default,{className:v.vt}),(0,N.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:v.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"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(34988),o=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),m=t(44589),v=t.n(m),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,i.Z)(n,2),t=e[0],r=e[1],a=(0,o.useState)(0),d=(0,i.Z)(a,2),s=d[0],l=d[1],u=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd;return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),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 h=(0,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),h=(0,r.NP)(),m=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==h.tabGroupState.curTabGroupType?l.s1:void 0,h.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),m=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,i.Z)(n);var e=(0,o.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:m.YS,children:[(0,S.jsx)("div",{className:m.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:m.LM,style:{width:l+"%"}})]})}))},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),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);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:()=>m,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>f,x6:()=>h,xn:()=>p,zh:()=>S});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(o()),c=s()(l);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",h="index-module--mDl2O",m="index-module--EZFN9",v="index-module--Kxi4K",S="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,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 d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6075,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=t(88291),r=(t(87363),t(88130)),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 d=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"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=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),h=t.n(f),m=t(19216),v=t.n(m),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=h(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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 l=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&&(l(),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:l})]})]})})}))},36075:(n,e,t)=>{t.r(e),t.d(e,{default:()=>E});var i=t(65515),o=t.n(i),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),h=t(44589),m=t.n(h),v=t(26643),S={};S.styleTagTransform=m(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(28596),O=t(7474),C=t(9420),B=t(68063),Z=t(88683),M=t(25322),N=t(47514),I={"--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 E=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]);var t=(0,Z.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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",className:v.Ly,children:[(0,N.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,N.jsx)(P.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(B.default,{className:v.Bg}),(0,N.jsx)(M.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"right"}),(0,N.jsx)(P.default,{className:v.vt}),(0,N.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:v.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"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(34988),o=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),m=t(44589),v=t.n(m),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,i.Z)(n,2),t=e[0],r=e[1],a=(0,o.useState)(0),d=(0,i.Z)(a,2),s=d[0],l=d[1],u=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd,f=(0,o.useState)(null),h=(0,i.Z)(f,2),m=h[0],v=h[1];return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:m,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),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 h=(0,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),h=(0,r.NP)(),m=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==h.tabGroupState.curTabGroupType?l.s1:void 0,h.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),m=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,i.Z)(n);var e=(0,o.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:m.YS,children:[(0,S.jsx)("div",{className:m.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:m.LM,style:{width:l+"%"}})]})}))},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),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);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:()=>m,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>f,x6:()=>h,xn:()=>p,zh:()=>S});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(o()),c=s()(l);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",h="index-module--mDl2O",m="index-module--EZFN9",v="index-module--Kxi4K",S="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,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 d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7023.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7023,7853],{39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=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),h=t.n(f),m=t(19216),v=t.n(m),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=h(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const C=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),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,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},97023:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(88130),o=t(87363),r=t(93379),a=t.n(r),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=g();a()(h.ZP,m);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(97853),S=t(7474),w=t(9420),y=t(39141),k=t(47514),P={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(P)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("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:h.xn,children:[(0,k.jsx)(S.default,{className:h.x6,tabSearchClass:h.jp}),(0,k.jsx)(v.default,{className:h.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),m=t(44589),v=t.n(m),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),k=t(65515),P=t.n(k);var C=t(47514);const j=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,i.Z)(n,2),t=e[0],r=e[1],a=(0,o.useState)(0),d=(0,i.Z)(a,2),s=d[0],l=d[1],u=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd;return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:P()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),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 h=(0,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),h=(0,r.NP)(),m=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==h.tabGroupState.curTabGroupType?l.s1:void 0,h.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!h.uiState.isInMobileView&&v]}))}))},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),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);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},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(68812),t.b),u=a()(o()),c=s()(l);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\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\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7023,7853],{39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=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),h=t.n(f),m=t(19216),v=t.n(m),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=h(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const C=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),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,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},97023:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(88130),o=t(87363),r=t(93379),a=t.n(r),d=t(7795),s=t.n(d),l=t(90569),u=t.n(l),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),h=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=g();a()(h.ZP,m);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(97853),S=t(7474),w=t(9420),y=t(39141),k=t(47514),P={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(P)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("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:h.xn,children:[(0,k.jsx)(S.default,{className:h.x6,tabSearchClass:h.jp}),(0,k.jsx)(v.default,{className:h.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),m=t(44589),v=t.n(m),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),k=t(65515),P=t.n(k);var C=t(47514);const j=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,i.Z)(n,2),t=e[0],r=e[1],a=(0,o.useState)(0),d=(0,i.Z)(a,2),s=d[0],l=d[1],u=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd,f=(0,o.useState)(null),h=(0,i.Z)(f,2),m=h[0],v=h[1];return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:m,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:P()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),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 h=(0,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),h=(0,r.NP)(),m=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==h.tabGroupState.curTabGroupType?l.s1:void 0,h.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!h.uiState.isInMobileView&&v]}))}))},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),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);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},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(68812),t.b),u=a()(o()),c=s()(l);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\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\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853],{59343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var i=n(34988),o=n(87363),r=n(92404),a=n(9420),s=n(88130),d=n(93379),l=n.n(d),u=n(7795),c=n.n(u),p=n(90569),b=n.n(p),g=n(3565),h=n.n(g),x=n(19216),f=n.n(x),v=n(44589),m=n.n(v),S=n(41060),w={};w.styleTagTransform=m(),w.setAttributes=h(),w.insert=b().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=n(82956),j=n(65515),y=n.n(j);var k=n(47514);const E=(0,a.Pi)((function SettingsBottomDrawer(e){var t=e.draggerElement,n=e.children,a=(0,s.NP)(),d=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,o.useState)(0),t=(0,i.Z)(e,2),n=t[0],r=t[1],a=(0,o.useState)(0),s=(0,i.Z)(a,2),d=s[0],l=s[1],u=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var t=e.touches[0].clientY,i=e.touches[0].pageX,o=Math.abs(t-n),r=Math.abs(i-d);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),b=p.handleTouchStart,g=p.handleTouchMove,h=p.handleTouchEnd;return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:y()(S.aq),onTouchStart:b,onTouchMove:g,onTouchEnd:h,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:t})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:y()(P.Iz,S.J7),children:n})]})})})}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var i=n(9420),o=(n(87363),n(88130)),r=n(82956),a=n(65515),s=n.n(a),d=n(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var i=n(80248),o=n(72874),r=(n(87363),n(88130)),a=n(80509),s=n(90395),d=n(9420),l=n(82956),u=n(65515),c=n.n(u),p=n(99676),b=n(51451),g=n(59343),h=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const f=(0,d.Pi)((function Settings(e){var t,n,i=e.className,d=e.tabgroupElement,u=(0,o.Z)(e,x),f=(0,r.NP)(),v=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,m=(0,h.jsx)(h.Fragment,{children:v?(0,h.jsx)(p.default,{}):(0,h.jsxs)(h.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,h.jsx)(a.default,{},null!==(t=null===(n=f.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,h.jsx)(s.default,{}),(0,h.jsx)(b.default,{})]})});return(0,h.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,h.jsx)(g.default,{draggerElement:d,children:m}),!f.uiState.isInMobileView&&m]}))}))},41060:(e,t,n)=>{n.d(t,{J7:()=>l,Rx:()=>u,ZP:()=>b,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const b=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853],{59343:(e,t,n)=>{n.r(t),n.d(t,{default:()=>E});var i=n(34988),o=n(87363),r=n(92404),a=n(9420),s=n(88130),d=n(93379),l=n.n(d),u=n(7795),c=n.n(u),p=n(90569),b=n.n(p),g=n(3565),h=n.n(g),x=n(19216),f=n.n(x),v=n(44589),m=n.n(v),S=n(41060),w={};w.styleTagTransform=m(),w.setAttributes=h(),w.insert=b().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=n(82956),j=n(65515),y=n.n(j);var k=n(47514);const E=(0,a.Pi)((function SettingsBottomDrawer(e){var t=e.draggerElement,n=e.children,a=(0,s.NP)(),d=(0,o.useState)(a.uiState.isMobilePortrait),l=(0,i.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,o.useState)(0),t=(0,i.Z)(e,2),n=t[0],r=t[1],a=(0,o.useState)(0),s=(0,i.Z)(a,2),d=s[0],l=s[1],u=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var t=e.touches[0].clientY,i=e.touches[0].pageX,o=Math.abs(t-n),r=Math.abs(i-d);o>=1&&o>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),b=p.handleTouchStart,g=p.handleTouchMove,h=p.handleTouchEnd,x=(0,o.useState)(null),f=(0,i.Z)(x,2),v=f[0],m=f[1];return(0,o.useEffect)((function(){c(a.uiState.isMobilePortrait),m(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:v,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:y()(S.aq),onTouchStart:b,onTouchMove:g,onTouchEnd:h,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:t})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:y()(P.Iz,S.J7),children:n})]})})})}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var i=n(9420),o=(n(87363),n(88130)),r=n(82956),a=n(65515),s=n.n(a),d=n(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var i=n(80248),o=n(72874),r=(n(87363),n(88130)),a=n(80509),s=n(90395),d=n(9420),l=n(82956),u=n(65515),c=n.n(u),p=n(99676),b=n(51451),g=n(59343),h=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const f=(0,d.Pi)((function Settings(e){var t,n,i=e.className,d=e.tabgroupElement,u=(0,o.Z)(e,x),f=(0,r.NP)(),v=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,m=(0,h.jsx)(h.Fragment,{children:v?(0,h.jsx)(p.default,{}):(0,h.jsxs)(h.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,h.jsx)(a.default,{},null!==(t=null===(n=f.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,h.jsx)(s.default,{}),(0,h.jsx)(b.default,{})]})});return(0,h.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,h.jsx)(g.default,{draggerElement:d,children:m}),!f.uiState.isInMobileView&&m]}))}))},41060:(e,t,n)=>{n.d(t,{J7:()=>l,Rx:()=>u,ZP:()=>b,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const b=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9343.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9343],{59343:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});var t=i(34988),r=i(87363),o=i(92404),d=i(9420),a=i(88130),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),A=i(90569),g=i.n(A),w=i(3565),x=i.n(w),c=i(19216),f=i.n(c),m=i(44589),b=i.n(m),v=i(41060),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=g().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var D=i(82956),y=i(65515),W=i.n(y);var F=i(47514);const M=(0,d.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,d=(0,a.NP)(),s=(0,r.useState)(d.uiState.isMobilePortrait),l=(0,t.Z)(s,2),p=l[0],u=l[1],A=function useDrawerHook(){var n=(0,r.useState)(0),e=(0,t.Z)(n,2),i=e[0],o=e[1],d=(0,r.useState)(0),a=(0,t.Z)(d,2),s=a[0],l=a[1],p=(0,r.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){o(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,t=n.touches[0].pageX,r=Math.abs(e-i),o=Math.abs(t-s);r>=1&&r>2*o&&window.addEventListener("touchmove",p,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",p)}}}(),g=A.handleTouchStart,w=A.handleTouchMove,x=A.handleTouchEnd;return(0,r.useEffect)((function(){u(d.uiState.isMobilePortrait)}),[d.uiState.isInMobileView,d.uiState.isMobileLandscape,d.uiState.isTablet]),(0,F.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:d.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:d.settingsState.snapPoints[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(d.settingsState.snapPoints.indexOf(n))},children:(0,F.jsx)(o.dy.Portal,{children:(0,F.jsxs)(o.dy.Content,{className:v.kh,children:[(0,F.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,F.jsxs)(o.dy.Handle,{className:W()(v.aq),onTouchStart:g,onTouchMove:w,onTouchEnd:x,children:[(0,F.jsx)("div",{className:v.Rx,children:(0,F.jsx)("div",{className:v.uQ})}),(0,F.jsx)("div",{className:v.ad,children:e})]}),d.uiState.isInMobileView&&(0,F.jsx)("div",{className:W()(D.Iz,v.J7),children:i})]})})})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>g,ad:()=>A,aq:()=>s,kh:()=>a,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var a="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",A="index-module--yfZrB";const g=d},62500:(n,e,i)=>{i.d(e,{AH:()=>f,AI:()=>D,EN:()=>F,Iz:()=>h,ZP:()=>M,al:()=>b,nW:()=>W,s1:()=>y,vt:()=>c,yk:()=>v,zh:()=>m});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o),a=i(61667),s=i.n(a),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),A=d()(r()),g=s()(l),w=s()(p),x=s()(u);A.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("+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  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("+w+");\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("+x+");\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 c="index-module--e1N3L",f="index-module--RKDxk",m="index-module--YiJDf",b="index-module--IgnAA",v="index-module--YLyjz",h="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",W="index-module--B75oj",F="index-module--rLMX4";const M=A},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,al:()=>x.al,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),d=i.n(o),a=i(90569),s=i.n(a),l=i(3565),p=i.n(l),u=i(19216),A=i.n(u),g=i(44589),w=i.n(g),x=i(62500),c={};c.styleTagTransform=w(),c.setAttributes=p(),c.insert=s().bind(null,"head"),c.domAPI=d(),c.insertStyleElement=A();r()(x.ZP,c),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9343],{59343:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});var t=i(34988),r=i(87363),o=i(92404),d=i(9420),a=i(88130),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),A=i(90569),g=i.n(A),w=i(3565),x=i.n(w),c=i(19216),f=i.n(c),m=i(44589),b=i.n(m),v=i(41060),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=g().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var D=i(82956),y=i(65515),W=i.n(y);var F=i(47514);const M=(0,d.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,d=(0,a.NP)(),s=(0,r.useState)(d.uiState.isMobilePortrait),l=(0,t.Z)(s,2),p=l[0],u=l[1],A=function useDrawerHook(){var n=(0,r.useState)(0),e=(0,t.Z)(n,2),i=e[0],o=e[1],d=(0,r.useState)(0),a=(0,t.Z)(d,2),s=a[0],l=a[1],p=(0,r.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){o(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,t=n.touches[0].pageX,r=Math.abs(e-i),o=Math.abs(t-s);r>=1&&r>2*o&&window.addEventListener("touchmove",p,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",p)}}}(),g=A.handleTouchStart,w=A.handleTouchMove,x=A.handleTouchEnd,c=(0,r.useState)(null),f=(0,t.Z)(c,2),m=f[0],b=f[1];return(0,r.useEffect)((function(){u(d.uiState.isMobilePortrait),b(document.getElementById("wcConfigurator"))}),[d.uiState.isInMobileView,d.uiState.isMobileLandscape,d.uiState.isTablet]),(0,F.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:d.settingsState.snapPoints,container:m,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:d.settingsState.snapPoints[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(d.settingsState.snapPoints.indexOf(n))},children:(0,F.jsx)(o.dy.Portal,{children:(0,F.jsxs)(o.dy.Content,{className:v.kh,children:[(0,F.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,F.jsxs)(o.dy.Handle,{className:W()(v.aq),onTouchStart:g,onTouchMove:w,onTouchEnd:x,children:[(0,F.jsx)("div",{className:v.Rx,children:(0,F.jsx)("div",{className:v.uQ})}),(0,F.jsx)("div",{className:v.ad,children:e})]}),d.uiState.isInMobileView&&(0,F.jsx)("div",{className:W()(D.Iz,v.J7),children:i})]})})})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>g,ad:()=>A,aq:()=>s,kh:()=>a,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.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}\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}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\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: inherit;\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}\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/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var a="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",A="index-module--yfZrB";const g=d},62500:(n,e,i)=>{i.d(e,{AH:()=>f,AI:()=>D,EN:()=>F,Iz:()=>h,ZP:()=>M,al:()=>b,nW:()=>W,s1:()=>y,vt:()=>c,yk:()=>v,zh:()=>m});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o),a=i(61667),s=i.n(a),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),A=d()(r()),g=s()(l),w=s()(p),x=s()(u);A.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("+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  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("+w+");\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("+x+");\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 c="index-module--e1N3L",f="index-module--RKDxk",m="index-module--YiJDf",b="index-module--IgnAA",v="index-module--YLyjz",h="index-module--DWrfF",D="index-module--aD14m",y="index-module--eN6np",W="index-module--B75oj",F="index-module--rLMX4";const M=A},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,al:()=>x.al,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),d=i.n(o),a=i(90569),s=i.n(a),l=i(3565),p=i.n(l),u=i(19216),A=i.n(u),g=i(44589),w=i.n(g),x=i(62500),c={};c.styleTagTransform=w(),c.setAttributes=p(),c.insert=s().bind(null,"head"),c.domAPI=d(),c.insertStyleElement=A();r()(x.ZP,c),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},27557:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},64197:n=>{n.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);