@crystaldesign/diva-web-planner-react 25.11.0-rc.16 → 25.11.0-rc.17

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-mobile-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;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=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6004.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6004,7851],{97851:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(88130),d=i(87363),l=i(93379),r=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),m=i(3565),c=i.n(m),p=i(19216),h=i.n(p),b=i(44589),v=i.n(b),f=i(84887),g={};g.styleTagTransform=v(),g.setAttributes=c(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();r()(f.Z,g);f.Z&&f.Z.locals&&f.Z.locals;var w=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,r=void 0===l?(0,d.useState)(""):l,a=(0,o.Z)(r,2),s=a[0],x=a[1],u=(0,t.NP)(),m=(0,d.useState)(""),c=(0,o.Z)(m,2),p=c[0],h=c[1],b=u.getViewConfig().displayMetaDatas,v=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,d.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===b[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<b.length;t++)o(t)}h(e),x(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:f.B,children:p}):(0,w.jsx)(w.Fragment,{})}},96004:(e,n,i)=>{i.r(n),i.d(n,{default:()=>G});var o=i(80248),t=i(34988),d=i(65515),l=i.n(d),r=i(88130),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),m=i(7795),c=i.n(m),p=i(90569),h=i.n(p),b=i(3565),v=i.n(b),f=i(19216),g=i.n(f),w=i(44589),y=i.n(w),j=i(31636),P={};P.styleTagTransform=y(),P.setAttributes=v(),P.insert=h().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=g();u()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=i(13838),O=i(46770),C=i(59078),S=i(97851),k=i(88683),B=i(9510),I=i(2398),Z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const G=(0,a.Pi)((function Option(e){var n,i,o=e.item,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,m=(0,r.NP)(),c=(0,s.useState)(""),p=(0,t.Z)(c,2),h=p[0],b=p[1],v=(0,k.useDivaCore)().state.dimensions,f=v.isMobile,g=v.isTablet,w={},y={},P=void 0,G=!1,M={},D=(0,O.XI)({delayEnter:2e3,hideOnScroll:!0}),E=(0,O.sJ)({isOpen:D[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return f||g||m.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(G=D[0],M=D[1],w=E.triggerProps,y=E.layerProps,P=E.renderLayer),(0,Z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()(j.CA,u.sel?j.pA:void 0,"big"==d?j.Eb:void 0,"small"==d?j.yG:void 0,m.getIsInMobileView()?j.ai:void 0,m.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),M),{},{children:[(0,Z.jsxs)("div",{className:l()(j.be),children:[m.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,Z.jsx)("div",{className:l()(j.rq),children:u.vCodex}),u.image?(0,Z.jsx)("img",{className:l()(j.K5),src:"small"!=d?u.image.replace("_gal",""):u.image}):(0,Z.jsx)("div",{className:l()(j.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"fff")}}),u.contentItemId&&(0,Z.jsx)(B.default,{item:u},u.codex)]}),(0,Z.jsx)("div",{className:j.FJ,children:(0,Z.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:u.text}})}),u.doShowFav&&(0,Z.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(u)}}),(0,Z.jsx)(S.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,b]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,Z.jsx)(I.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==d?{fontSize:9}:void 0}),G&&(null===(i=P)||void 0===i?void 0:i((0,Z.jsx)(C.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:y},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>r,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},31636:(e,n,i)=>{i.d(n,{CA:()=>r,Eb:()=>v,FJ:()=>c,K5:()=>m,Mq:()=>b,TN:()=>p,ZP:()=>f,ai:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli,\n.index-module--ljMpw .index-module--zdGOB:hover .index-module--h2hli,\n.index-module--ljMpw .index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var r="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",x="index-module--ZjI8q",u="index-module--ljMpw",m="index-module--Ga2vs",c="index-module--n4xih",p="index-module--h2hli",h="index-module--D9rSr",b="index-module--xR2x0",v="index-module--e6Piy";const f=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6004,7851],{97851:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),d=i(88130),t=i(87363),l=i(93379),r=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),m=i(3565),c=i.n(m),p=i(19216),h=i.n(p),v=i(44589),b=i.n(v),f=i(84887),g={};g.styleTagTransform=b(),g.setAttributes=c(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();r()(f.Z,g);f.Z&&f.Z.locals&&f.Z.locals;var w=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,r=void 0===l?(0,t.useState)(""):l,a=(0,o.Z)(r,2),s=a[0],x=a[1],u=(0,d.NP)(),m=(0,t.useState)(""),c=(0,o.Z)(m,2),p=c[0],h=c[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,t.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var d=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!d)return 1;""!==e&&(e+=" "),e=e+(d.name?d.name+": ":"")+d.values[n]},d=0;d<v.length;d++)o(d)}h(e),x(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:f.B,children:p}):(0,w.jsx)(w.Fragment,{})}},96004:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var o=i(80248),d=i(34988),t=i(65515),l=i.n(t),r=i(88130),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),m=i(7795),c=i.n(m),p=i(90569),h=i.n(p),v=i(3565),b=i.n(v),f=i(19216),g=i.n(f),w=i(44589),y=i.n(w),j=i(31636),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=g();u()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var z=i(13838),O=i(46770),B=i(59078),C=i(97851),S=i(88683),k=i(9510),G=i(2398),I=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,i,o=e.item,t=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,m=(0,r.NP)(),c=(0,s.useState)(""),p=(0,d.Z)(c,2),h=p[0],v=p[1],b=(0,S.useDivaCore)().state.dimensions,f=b.isMobile,g=b.isTablet,w={},y={},P=void 0,M=!1,Z={},D=(0,O.XI)({delayEnter:2e3,hideOnScroll:!0}),E=(0,O.sJ)({isOpen:D[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return f||g||m.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(M=D[0],Z=D[1],w=E.triggerProps,y=E.layerProps,P=E.renderLayer),(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()(j.CA,u.sel?j.pA:void 0,"big"==t?j.Eb:void 0,"small"==t?j.yG:void 0,m.getIsInMobileView()?j.ai:void 0,m.uiState.isTablet?j.Mq:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),Z),{},{children:[(0,I.jsxs)("div",{className:l()(j.be),children:[m.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,I.jsx)("div",{className:l()(j.rq),children:u.vCodex}),u.image?(0,I.jsx)("img",{className:l()(j.K5),src:"small"!=t?u.image.replace("_gal",""):u.image}):(0,I.jsx)("div",{className:l()(j.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"fff")}}),u.contentItemId&&(0,I.jsx)(k.default,{item:u},u.codex)]}),(0,I.jsx)("div",{className:j.FJ,children:(0,I.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:u.text}})}),u.doShowFav&&(0,I.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(u)}}),(0,I.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,I.jsx)(G.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==t?{fontSize:9}:void 0}),M&&(null===(i=P)||void 0===i?void 0:i((0,I.jsx)(B.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:y},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>r,Z:()=>a});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},31636:(e,n,i)=>{i.d(n,{CA:()=>r,Eb:()=>b,FJ:()=>c,K5:()=>m,Mq:()=>v,TN:()=>p,ZP:()=>f,ai:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli,\n.index-module--ljMpw .index-module--zdGOB:hover .index-module--h2hli,\n.index-module--ljMpw .index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli,\n  .index-module--ljMpw .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--ljMpw .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var r="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",x="index-module--ZjI8q",u="index-module--ljMpw",m="index-module--Ga2vs",c="index-module--n4xih",p="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",b="index-module--e6Piy";const f=l}}]);

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:e.uiState.isInMobileView?(0,N.jsxs)("div",{id:"wcConfigurator-mobile-wrapper",className:v.Ly,children:[(0,N.jsx)(y.default,{className:v.kL}),(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)(y.default,{className:v.kL}),(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;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}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6173.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6173,6340,6135,4805,1051],{74805:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(88130),o=(i(87363),i(9420)),d=i(93379),a=i.n(d),l=i(7795),r=i.n(l),u=i(90569),s=i.n(u),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=r(),I.insertStyleElement=p();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n,e){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,e,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},e)}))})}))},16173:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(88130),a=i(9420),l=(i(87363),i(88683)),r=i(74805),u=i(93379),s=i.n(u),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(31030),w=i(83485),D=i(29523),z=i(56340),P=i(47514),S=(0,l.getLogger)("Planner","InfoBox");const j=(0,a.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,a=n.productClass,u=(0,d.NP)(),s=(0,l.useTranslation)().t,x=(0,l.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=u.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=u.getViewConfig().hideWebConfiguratorTitle||u.getViewConfig().hideWebConfiguratorTitleInMobile&&u.getIsInMobileView(),G=void 0!==u.productState.formatedBruttoPrice&&!u.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,a,u.uiState.isMobileLandscape?M.rK:void 0,u.uiState.isMobilePortrait?M.tW:void 0,u.uiState.isTablet?M.Mq:void 0,u.uiState.configSettingsIsExpanded?M.zh:void 0,u.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:u.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=u.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=u.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(r.default,{})}),!u.uiState.isInMobileView&&u.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:u.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:u.productState.currentBanner.contentItemId,title:n})}})}),j&&!u.uiState.isInMobileView&&!u.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>a});var t=i(34988),o=i(87363),d=i(88130),a=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),a=i[0],l=i[1],r=(0,o.useState)(!1),u=(0,t.Z)(r,2),s=u[0],x=u[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){l(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),a=i(7501),l=i(88130),r=i(9420),u=i(47514);const s=(0,r.Pi)((function PriceCounter(n){var e,i,r=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,l.NP)();return(0,d.useEffect)((function(){f(r)}),[r]),(0,u.jsx)(a.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>l,ZP:()=>u,ai:()=>r});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d)()(o());a.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var l="index-module--efVG1",r="index-module--EY0yA";const u=a},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(36047),i.b),s=a()(o()),x=r()(u);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6173,6340,6135,4805,1051],{74805:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(88130),o=(i(87363),i(9420)),d=i(93379),a=i.n(d),l=i(7795),r=i.n(l),u=i(90569),s=i.n(u),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=r(),I.insertStyleElement=p();a()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},16173:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(88130),a=i(9420),l=(i(87363),i(88683)),r=i(74805),u=i(93379),s=i.n(u),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(31030),w=i(83485),D=i(29523),z=i(56340),P=i(47514),S=(0,l.getLogger)("Planner","InfoBox");const j=(0,a.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,a=n.productClass,u=(0,d.NP)(),s=(0,l.useTranslation)().t,x=(0,l.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=u.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=u.getViewConfig().hideWebConfiguratorTitle||u.getViewConfig().hideWebConfiguratorTitleInMobile&&u.getIsInMobileView(),G=void 0!==u.productState.formatedBruttoPrice&&!u.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,a,u.uiState.isMobileLandscape?M.rK:void 0,u.uiState.isMobilePortrait?M.tW:void 0,u.uiState.isTablet?M.Mq:void 0,u.uiState.configSettingsIsExpanded?M.zh:void 0,u.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:u.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=u.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=u.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(r.default,{})}),!u.uiState.isInMobileView&&u.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:u.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:u.productState.currentBanner.contentItemId,title:n})}})}),j&&!u.uiState.isInMobileView&&!u.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>a});var t=i(34988),o=i(87363),d=i(88130),a=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),a=i[0],l=i[1],r=(0,o.useState)(!1),u=(0,t.Z)(r,2),s=u[0],x=u[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){l(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),a=i(7501),l=i(88130),r=i(9420),u=i(47514);const s=(0,r.Pi)((function PriceCounter(n){var e,i,r=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,l.NP)();return(0,d.useEffect)((function(){f(r)}),[r]),(0,u.jsx)(a.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>l,ZP:()=>u,ai:()=>r});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d)()(o());a.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var l="index-module--efVG1",r="index-module--EY0yA";const u=a},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(36047),i.b),s=a()(o()),x=r()(u);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6738.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6738,7851],{97851:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(88130),d=i(87363),l=i(93379),r=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),m=i(3565),c=i.n(m),p=i(19216),b=i.n(p),h=i(44589),g=i.n(h),v=i(84887),f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=b();r()(v.Z,f);v.Z&&v.Z.locals&&v.Z.locals;var w=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,r=void 0===l?(0,d.useState)(""):l,a=(0,o.Z)(r,2),s=a[0],x=a[1],u=(0,t.NP)(),m=(0,d.useState)(""),c=(0,o.Z)(m,2),p=c[0],b=c[1],h=u.getViewConfig().displayMetaDatas,g=null==i?void 0:i.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,d.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===h[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<h.length;t++)o(t)}b(e),x(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:v.B,children:p}):(0,w.jsx)(w.Fragment,{})}},16738:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var o=i(80248),t=i(34988),d=i(65515),l=i.n(d),r=i(88130),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),m=i(7795),c=i.n(m),p=i(90569),b=i.n(p),h=i(3565),g=i.n(h),v=i(19216),f=i.n(v),w=i(44589),y=i.n(w),C=i(2532),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=b().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=f();u()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=i(13838),j=i(46770),z=i(59078),H=i(97851),I=i(88683),S=i(9510),A=i(2398),O=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const D=(0,a.Pi)((function Option(e){var n,i,o=e.item,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,m=(0,r.NP)(),c=(0,s.useState)(""),p=(0,t.Z)(c,2),b=p[0],h=p[1],g=(0,I.useDivaCore)().state.dimensions,v=g.isMobile,f=g.isTablet,w={},y={},P=void 0,D=!1,N={},Z=(0,j.XI)({delayEnter:2e3,hideOnScroll:!0}),q=(0,j.sJ)({isOpen:Z[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||f||m.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(D=Z[0],N=Z[1],w=q.triggerProps,y=q.layerProps,P=q.renderLayer),(0,O.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==d||"verysmall"==d?C.yG:void 0,"big"==d?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),N),{},{children:[(0,O.jsxs)("div",{className:l()(C.be),children:[m.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,O.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,O.jsx)("img",{className:l()(C.K5),src:"small"!=d&&"verysmall"!=d?u.image.replace("_gal",""):u.image}):(0,O.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,O.jsx)(S.default,{item:u},u.codex)]}),(0,O.jsx)("div",{className:C.FJ,children:(0,O.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text}})}),u.doShowFav&&(0,O.jsx)("div",{className:u.isFav?k.Md:k.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(u)}}),(0,O.jsx)(H.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[b,h]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,O.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==d||"verysmall"==d?{fontSize:9}:void 0}),D&&(null===(i=P)||void 0===i?void 0:i((0,O.jsx)(z.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:b,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:y},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>r,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},2532:(e,n,i)=>{i.d(n,{CA:()=>r,Eb:()=>b,FJ:()=>c,K5:()=>m,TN:()=>p,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg,\n.index-module--LGUqD .index-module--IAgou:hover .index-module--XCWcg,\n.index-module--LGUqD .index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var r="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",x="index-module--w3B5Z",u="index-module--LGUqD",m="index-module--GBYub",c="index-module--FjzvR",p="index-module--XCWcg",b="index-module--ktipL";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6738,7851],{97851:(e,n,o)=>{o.r(n),o.d(n,{default:()=>y});var i=o(34988),t=o(88130),d=o(87363),l=o(93379),r=o.n(l),a=o(7795),s=o.n(a),u=o(90569),x=o.n(u),m=o(3565),c=o.n(m),p=o(19216),h=o.n(p),g=o(44589),b=o.n(g),v=o(84887),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=x().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=h();r()(v.Z,f);v.Z&&v.Z.locals&&v.Z.locals;var w=o(47514);const y=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,r=void 0===l?(0,d.useState)(""):l,a=(0,i.Z)(r,2),s=a[0],u=a[1],x=(0,t.NP)(),m=(0,d.useState)(""),c=(0,i.Z)(m,2),p=c[0],h=c[1],g=x.getViewConfig().displayMetaDatas,b=null==o?void 0:o.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===g[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<g.length;t++)i(t)}h(e),u(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:v.B,children:p}):(0,w.jsx)(w.Fragment,{})}},16738:(e,n,o)=>{o.r(n),o.d(n,{default:()=>O});var i=o(80248),t=o(34988),d=o(65515),l=o.n(d),r=o(88130),a=o(9420),s=o(87363),u=o(93379),x=o.n(u),m=o(7795),c=o.n(m),p=o(90569),h=o.n(p),g=o(3565),b=o.n(g),v=o(19216),f=o.n(v),w=o(44589),y=o.n(w),C=o(2532),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=f();x()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=o(13838),j=o(46770),I=o(59078),z=o(97851),H=o(88683),A=o(9510),D=o(2398),S=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const O=(0,a.Pi)((function Option(e){var n,o,i=e.item,d=e.type,a=e.paletteId,u=e.hidePricePreview,x=i,m=(0,r.NP)(),c=(0,s.useState)(""),p=(0,t.Z)(c,2),h=p[0],g=p[1],b=(0,H.useDivaCore)().state.dimensions,v=b.isMobile,f=b.isTablet,w={},y={},P=void 0,O=!1,q={},N=(0,j.XI)({delayEnter:2e3,hideOnScroll:!0}),Z=(0,j.sJ)({isOpen:N[0],auto:!0,placement:m.getViewConfig().tooltipPosition||"left-center"});return v||f||m.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(O=N[0],q=N[1],w=Z.triggerProps,y=Z.layerProps,P=Z.renderLayer),(0,S.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()("small"==d||"verysmall"==d?C.yG:void 0,"big"==d?C.Eb:void 0,C.CA,x.sel?C.pA:void 0),onClick:function onClick(){m.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),q),{},{children:[(0,S.jsxs)("div",{className:l()(C.be),children:[m.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,S.jsx)("div",{className:l()(C.rq),children:x.vCodex}),x.image?(0,S.jsx)("img",{className:l()(C.K5),src:"small"!=d&&"verysmall"!=d?x.image.replace("_gal",""):x.image}):(0,S.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,S.jsx)(A.default,{item:x},x.codex)]}),(0,S.jsx)("div",{className:C.FJ,children:(0,S.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:x.text}})}),x.doShowFav&&(0,S.jsx)("div",{className:x.isFav?k.Md:k.Hq,onClick:function onClick(){return m.paletteViewHandler.clickedOnFavIcon(x)}}),(0,S.jsx)(z.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[h,g]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,S.jsx)(D.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==d||"verysmall"==d?{fontSize:9}:void 0}),O&&(null===(o=P)||void 0===o?void 0:o((0,S.jsx)(I.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:h,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:y},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>r,Z:()=>a});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>r,Eb:()=>h,FJ:()=>c,K5:()=>m,TN:()=>p,ZP:()=>g,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg,\n.index-module--LGUqD .index-module--IAgou:hover .index-module--XCWcg,\n.index-module--LGUqD .index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg,\n  .index-module--LGUqD .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--LGUqD .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 14px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var r="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",u="index-module--w3B5Z",x="index-module--LGUqD",m="index-module--GBYub",c="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const g=l}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(72463),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"settingsState",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?n=g:s.name==l.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,v=30,m=13,D=!1;l.canvas.width&&l.canvas.width<500&&(v=17,m=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=v,r.dirty=!0,r.top=r.top+m),null!=n&&(f=n.fontSize,n.fontSize=v,n.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&D&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&D&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(!(null!==(r=this.plannerPaletteViewInfo)&&void 0!==r&&null!==(r=r.plannerConfiguration.hideAVButtons)&&void 0!==r&&r.includes(n.Type)||this.settingsState.planner2Dot0Active))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(72463),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"settingsState",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?n=g:s.name==l.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,m=30,v=13,D=!1;l.canvas.width&&l.canvas.width<500&&(m=17,v=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=m,r.dirty=!0,r.top=r.top+v),null!=n&&(f=n.fontSize,n.fontSize=m,n.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&D&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&D&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);