@crystaldesign/diva-web-planner-react 25.9.0-rc.3 → 25.10.0-beta.2

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3575.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(20640),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.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,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.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(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(20640),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(20640),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(20640),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(20640),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(20640)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);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",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.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}\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: 500;\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: 300;\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: 500;\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: 500;\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/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\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: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\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 d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3575,115,9001,4873,4190,4228,8375,1008,7853],{70115:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function BasketAction(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function BarrierActions(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(4820),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),S=t.n(h),v=t(44589),y=t.n(v),P=t(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=S();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.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,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,i.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:P.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(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},53575:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(65515),o=t.n(i),r=t(4820),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(87056),P=t(34190),w=t(97853),j=t(69001),O=t(70115),C=t(84101),Z=t(9420),G=t(39360),k=t(47514),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)"};const N=(0,Z.Pi)((function Ralph(e){var n=(0,r.NP)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,n.uiState.configSettingsIsExpanded?S.zh:void 0,n.uiState.configSettingsIsFoldedUp?S.BC:void 0,n.uiState.configSettingsIsHidden?S.U7:void 0,n.uiState.isMobileLandscape?S.rK:void 0,n.uiState.isMobilePortrait?S.tW:void 0),children:[(0,k.jsx)(C.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,k.jsx)(P.default,{className:S.kL}),(0,k.jsx)(w.default,{className:S.vt}),(0,k.jsx)(j.default,{className:S.jl,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,k.jsx)(O.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{}),(0,k.jsx)(G.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),f=t(44589),b=t.n(f),m=t(5217),h={};h.styleTagTransform=b(),h.setAttributes=p(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=g();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(4820),v=t(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var n=(0,o.useTranslation)().t,t=(0,S.NP)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!i&&(0,v.jsxs)("div",{className:m.nC,children:[(0,v.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:m.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var i=t(34988),o=t(88291),r=t(4820),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),x=t(90569),g=t.n(x),f=t(3565),b=t.n(f),m=t(19216),h=t.n(m),S=t(44589),v=t.n(S),y=t(79501),P={};P.styleTagTransform=v(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=h();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(40912),j=t(65515),O=t.n(j),C=t(84228),Z=t(47514);const G=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,o.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=a.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),h=b.pairWithOptionsToGroup;h&&b.visible&&(c[h]||(c[h]=[]),c[h].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,Z.jsxs)("div",{style:g,className:O()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,Z.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,Z.jsxs)("div",{children:[u.map((function(e){var n,t=(0,i.Z)(e,2),o=t[0],r=t[1];return(0,Z.jsx)(w.default,{item:r,id:o,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+o)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,Z.jsx)(C.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(4820),s=t(82956),u=t(51451),c=t(48375),p=t(29957),x=t(74133),g=t(47514),f=t(25108);const b=(0,r.Pi)((function SettingsSwiper(e){(0,o.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,i.Z)(t,2),b=r[0],m=r[1],h=(0,a.useState)([]),S=(0,i.Z)(h,2),v=S[0],y=S[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);y(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var P=(0,g.jsx)(c.default,{});return(0,g.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:m,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,g.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),P,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(x.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(4820)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),p=t(71008),x=t(51451),g=t(47514),f=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}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,i.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 b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=(0,o.Z)(e,f),u=(0,r.NP)();return(0,g.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);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",g="index-module--OZydS",f="index-module--FQDBA";const b=u},26643:(e,n,t)=>{t.d(n,{BC:()=>b,U7:()=>m,ZP:()=>h,jl:()=>x,kL:()=>u,rK:()=>l,tM:()=>g,tW:()=>s,vt:()=>c,x6:()=>p,xn:()=>d,zh:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.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}\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: 500;\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: 300;\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: 500;\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: 500;\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/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\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: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--y_P3G {\n  z-index: 1;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--y_P3G {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--CgVUn {\n  top: 100%;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--CgVUn {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--FX0XZ.index-module--Uz3vC .index-module--mDl2O {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--EZFN9,\n.index-module--FX0XZ.index-module--fBW3N .index-module--EZFN9 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--_fRJ5 .index-module--Kxi4K {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--FX0XZ .index-module--H5ouq {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\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 d="index-module--QpGuZ",l="index-module--M83gG",s="index-module--FX0XZ",u="index-module--y_P3G",c="index-module--CgVUn",p="index-module--mDl2O",x="index-module--EZFN9",g="index-module--Kxi4K",f="index-module--xWB6r",b="index-module--Uz3vC",m="index-module--fBW3N";const h=a},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3672.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3672,4228,8375,1008,7853],{87056:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(84658),r=n(88291),o=n(50747),a=n.n(o),s=n(20640),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=n(47514);const k=(0,d.Pi)((function Inputbox(e){(0,r.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,r;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(r=n.current)||void 0===r||r.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var o=t.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,j.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:d})]})]})})}))},83672:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>T,default:()=>O});var i=n(20640),r=n(87363),o=n(87056),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),g=n.n(p),x=n(19216),f=n.n(x),b=n(44589),m=n.n(b),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(87390),y=n(97853),P=n(84101),w=n(9420),j=n(65515),k=n.n(j),I=n(47514),T={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const O=(0,w.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,r.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(T)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,I.jsx)(P.default,{className:S.x6}),(0,I.jsx)(y.default,{className:k()(S.vt,a?S.Uu:void 0)}),(0,I.jsx)(h.default,{className:k()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,I.jsx)(o.default,{})]})}))},87390:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var i=n(80248),r=n(72874),o=n(87363),a=n(20640),s=n(9420),l=n(81878),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(23522),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.Z,w);P.Z&&P.Z.locals&&P.Z.locals;var j=n(81900),k=n(47514),I=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const T=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,r.Z)(e,I),s=(0,a.NP)(),u=(0,o.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,o.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,o.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!s.uiState.isLoading&&(0,k.jsx)("div",{className:P.x,onClick:c}),(0,k.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,k.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,k.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:n})]}))}))},84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(9420),r=(n(87363),n(88683)),o=n(93379),a=n.n(o),s=n(7795),l=n.n(s),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),g=n(19216),x=n.n(g),f=n(44589),b=n.n(f),m=n(5217),S={};S.styleTagTransform=b(),S.setAttributes=p(),S.insert=u().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=x();a()(m.ZP,S);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=n(20640),h=n(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,r.useTranslation)().t,n=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(34988),r=n(88291),o=n(20640),a=n(9420),s=n(87363),l=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),g=n(90569),x=n.n(g),f=n(3565),b=n.n(f),m=n(19216),S=n.n(m),v=n(44589),h=n.n(v),y=n(79501),P={};P.styleTagTransform=h(),P.setAttributes=b(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=S();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(40912),j=n(65515),k=n.n(j),I=n(84228),T=n(47514);const O=(0,a.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var a=(0,o.NP)(),d=(0,s.useRef)(null),u=[],c={};(0,s.useEffect)((function(){return d.current?(a.settingsState.setScrollerElement(d.current),a.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,g,x={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?x.height="100%":x.height="calc(100% - "+(null!==(p=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),S=b.pairWithOptionsToGroup;S&&b.visible&&(c[S]||(c[S]=[]),c[S].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,s.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:k()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(l.default,{isScroller:!0},null!==(t=null===(n=a.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,T.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],o=n[1];return(0,T.jsx)(w.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},(null!==(t=o.optionCodex)&&void 0!==t?t:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(34988),r=n(88291),o=n(9420),a=n(87363),s=n(37707),l=n(20640),d=n(82956),u=n(51451),c=n(48375),p=n(29957),g=n(74133),x=n(47514),f=n(25108);const b=(0,o.Pi)((function SettingsSwiper(e){(0,r.Z)(e);var t=(0,l.NP)(),n=(0,a.useState)(null),o=(0,i.Z)(n,2),b=o[0],m=o[1],S=(0,a.useState)([]),v=(0,i.Z)(S,2),h=v[0],y=v[1];if((0,a.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);y(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,x.jsx)(x.Fragment,{});var P=(0,x.jsx)(c.default,{});return(0,x.jsx)(s.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-h.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[h[e.activeIndex]].posNr)}},initialSlide:h.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:m,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:h.map((function(e){var n;return(0,x.jsx)(s.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,x.jsxs)(x.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(p.default,{},e),P,(0,x.jsx)(u.default,{})]}):(0,x.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,x.jsx)(g.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(80248),r=n(72874),o=(n(87363),n(20640)),a=n(29957),s=n(48375),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(71008),g=n(51451),x=n(47514),f=["className"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const b=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=(0,r.Z)(e,f),u=(0,o.NP)();return(0,x.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,d.vt,"horizontal"==u.tabGroupState.curTabGroupType?d.s1:void 0,u.uiState.configSettingsIsExpanded?d.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,x.jsx)(p.default,{}):(0,x.jsxs)(x.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(a.default,{},null!==(t=null===(n=u.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,x.jsx)(s.default,{}),(0,x.jsx)(g.default,{})]})}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>x,Q_:()=>g,ZP:()=>b,vX:()=>f});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(r()),c=l()(d);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_",g="index-module--lGJqa",x="index-module--OZydS",f="index-module--FQDBA";const b=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());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",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>g,x:()=>p});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(r()),c=l()(d);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 g=u},5217:(e,t,n)=>{n.d(t,{X_:()=>l,ZP:()=>u,nC:()=>s,nt:()=>d});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var s="index-module--TnLDn",l="index-module--FXdIH",d="index-module--uSfxN";const u=a},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>s,m7:()=>d,zh:()=>l});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var s="index-module--UX0Na",l="index-module--DRDpA",d="index-module--Rpo_4";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3672,4228,8375,1008,7853],{87056:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(84658),r=n(88291),o=n(50747),a=n.n(o),s=n(4820),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(39545),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=n(47514);const k=(0,d.Pi)((function Inputbox(e){(0,r.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,r;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(r=n.current)||void 0===r||r.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var o=t.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,j.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:P.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:d})]})]})})}))},83672:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>T,default:()=>O});var i=n(4820),r=n(87363),o=n(87056),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),g=n.n(p),x=n(19216),f=n.n(x),b=n(44589),m=n.n(b),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(87390),y=n(97853),P=n(84101),w=n(9420),j=n(65515),k=n.n(j),I=n(47514),T={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const O=(0,w.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,r.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(T)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,I.jsx)(P.default,{className:S.x6}),(0,I.jsx)(y.default,{className:k()(S.vt,a?S.Uu:void 0)}),(0,I.jsx)(h.default,{className:k()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,I.jsx)(o.default,{})]})}))},87390:(e,t,n)=>{n.r(t),n.d(t,{default:()=>T});var i=n(80248),r=n(72874),o=n(87363),a=n(4820),s=n(9420),l=n(81878),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),g=n.n(p),x=n(90569),f=n.n(x),b=n(3565),m=n.n(b),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),P=n(23522),w={};w.styleTagTransform=y(),w.setAttributes=m(),w.insert=f().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();c()(P.Z,w);P.Z&&P.Z.locals&&P.Z.locals;var j=n(81900),k=n(47514),I=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const T=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,r.Z)(e,I),s=(0,a.NP)(),u=(0,o.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,o.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,o.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,k.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!s.uiState.isLoading&&(0,k.jsx)("div",{className:P.x,onClick:c}),(0,k.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,k.jsx)(l.default,{}),s.settingsState.contentItemVisible&&s.settingsState.contentItemId&&(0,k.jsx)(j.default,{id:s.settingsState.contentItemId,startPos:n})]}))}))},84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(9420),r=(n(87363),n(88683)),o=n(93379),a=n.n(o),s=n(7795),l=n.n(s),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),g=n(19216),x=n.n(g),f=n(44589),b=n.n(f),m=n(5217),S={};S.styleTagTransform=b(),S.setAttributes=p(),S.insert=u().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=x();a()(m.ZP,S);m.ZP&&m.ZP.locals&&m.ZP.locals;var v=n(4820),h=n(47514);const y=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,r.useTranslation)().t,n=(0,v.NP)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,h.jsx)(h.Fragment,{children:!i&&(0,h.jsxs)("div",{className:m.nC,children:[(0,h.jsx)("div",{className:m.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,h.jsx)("div",{className:m.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(34988),r=n(88291),o=n(4820),a=n(9420),s=n(87363),l=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),g=n(90569),x=n.n(g),f=n(3565),b=n.n(f),m=n(19216),S=n.n(m),v=n(44589),h=n.n(v),y=n(79501),P={};P.styleTagTransform=h(),P.setAttributes=b(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=S();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(40912),j=n(65515),k=n.n(j),I=n(84228),T=n(47514);const O=(0,a.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var a=(0,o.NP)(),d=(0,s.useRef)(null),u=[],c={};(0,s.useEffect)((function(){return d.current?(a.settingsState.setScrollerElement(d.current),a.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,g,x={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?x.height="100%":x.height="calc(100% - "+(null!==(p=null===(g=a.settingsState.settingsHeaderElement)||void 0===g?void 0:g.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<a.settingsState.itemPaletteArr.length;f++){var b=a.settingsState.itemPaletteArr[f][1],m=Number(b.id),S=b.pairWithOptionsToGroup;S&&b.visible&&(c[S]||(c[S]=[]),c[S].push(m)),b.isRenderedNotInSettingPalette||u.push([m,b])}return(0,s.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:k()(y.e8,a.uiState.configSettingsIsExpanded?y.zh:void 0,a.uiState.configSettingsIsMinExpanded?y.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,T.jsx)(l.default,{isScroller:!0},null!==(t=null===(n=a.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,T.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],o=n[1];return(0,T.jsx)(w.default,{item:o,id:r,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},(null!==(t=o.optionCodex)&&void 0!==t?t:o.configStepKey)+r)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,T.jsx)(I.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(34988),r=n(88291),o=n(9420),a=n(87363),s=n(37707),l=n(4820),d=n(82956),u=n(51451),c=n(48375),p=n(29957),g=n(74133),x=n(47514),f=n(25108);const b=(0,o.Pi)((function SettingsSwiper(e){(0,r.Z)(e);var t=(0,l.NP)(),n=(0,a.useState)(null),o=(0,i.Z)(n,2),b=o[0],m=o[1],S=(0,a.useState)([]),v=(0,i.Z)(S,2),h=v[0],y=v[1];if((0,a.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);y(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==b?void 0:b.activeIndex)&&(null==b||b.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,x.jsx)(x.Fragment,{});var P=(0,x.jsx)(c.default,{});return(0,x.jsx)(s.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-h.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[h[e.activeIndex]].posNr)}},initialSlide:h.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:m,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:h.map((function(e){var n;return(0,x.jsx)(s.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,x.jsxs)(x.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(p.default,{},e),P,(0,x.jsx)(u.default,{})]}):(0,x.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,x.jsx)(g.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var i=n(80248),r=n(72874),o=(n(87363),n(4820)),a=n(29957),s=n(48375),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(71008),g=n(51451),x=n(47514),f=["className"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const b=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=(0,r.Z)(e,f),u=(0,o.NP)();return(0,x.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(i,d.vt,"horizontal"==u.tabGroupState.curTabGroupType?d.s1:void 0,u.uiState.configSettingsIsExpanded?d.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,x.jsx)(p.default,{}):(0,x.jsxs)(x.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,x.jsx)(a.default,{},null!==(t=null===(n=u.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,x.jsx)(s.default,{}),(0,x.jsx)(g.default,{})]})}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>x,Q_:()=>g,ZP:()=>b,vX:()=>f});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(r()),c=l()(d);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_",g="index-module--lGJqa",x="index-module--OZydS",f="index-module--FQDBA";const b=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());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",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>g,x:()=>p});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(r()),c=l()(d);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 g=u},5217:(e,t,n)=>{n.d(t,{X_:()=>l,ZP:()=>u,nC:()=>s,nt:()=>d});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var s="index-module--TnLDn",l="index-module--FXdIH",d="index-module--uSfxN";const u=a},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>s,m7:()=>d,zh:()=>l});var i=n(8081),r=n.n(i),o=n(23645),a=n.n(o)()(r());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var s="index-module--UX0Na",l="index-module--DRDpA",d="index-module--Rpo_4";const u=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3695.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,9165],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:a,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(20640)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,9165],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:a,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(4820)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3703.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,6273,6587],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(34988),o=i(20640),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),c=i(90569),u=i.n(c),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),j=i(84887),M={};M.styleTagTransform=h(),M.setAttributes=m(),M.insert=u().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=g();l()(j.Z,M);j.Z&&j.Z.locals&&j.Z.locals;var v=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],c=a[1],u=(0,o.NP)(),x=(0,r.useState)(""),m=(0,t.Z)(x,2),p=m[0],g=m[1],b=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===b[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)t(o)}g(e),c(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:j.B,children:p}):(0,v.jsx)(v.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(20640),a=i(9420),s=i(87363),c=i(94873),u=i(13838),x=i(88683),m=i(86587),p=i(46770),g=i(16273),b=i(48774),h=i(58391),j=i(27853),M=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 v=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,v=(0,l.NP)(),y=(0,x.useTranslation)().t,w=(0,x.useDivaCore)().state.dimensions,I=w.isMobile,f=w.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),z=C[0],P=C[1],O={},L={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return I||f||v.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],O=Z.triggerProps,L=Z.layerProps,S=Z.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,a.sel?c.pA:void 0),onClick:function onClick(){a.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(a),v.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},O),T),{},{children:[(0,M.jsxs)("div",{className:d()(c.iZ,c.NC),children:[a.sel&&(0,M.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,M.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,M.jsx)("div",{className:c.$l}),!("TEXT"==a.layout)&&(0,M.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,M.jsxs)("div",{className:d()(c.AR,"TEXT"==a.layout?c.Eb:void 0),children:[(0,M.jsx)("div",{className:d()(c.db,""!==z?c.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,M.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[z,P]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,M.jsx)(b.default,{text:a.text+(a.freeText?a.freeText:""),desciption:z,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:L},a.codex))),a.doShowFav&&(0,M.jsx)("div",{className:a.isFav?u.Md:u.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,M.jsx)(j.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(c.ox),title:y("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.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 l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>M,Bm:()=>w,CA:()=>x,Eb:()=>v,K5:()=>j,NC:()=>b,ZP:()=>f,db:()=>y,iZ:()=>p,ox:()=>I,pA:()=>m,vc:()=>g});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),c=d()(o()),u=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",j="index-module--Z8KXz",M="index-module--m9VzR",v="index-module--Y5eRx",y="index-module--mZh26",w="index-module--NabGm",I="index-module--2NJnv";const f=c},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,6273,6587],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(34988),o=i(4820),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),c=i(90569),u=i.n(c),x=i(3565),m=i.n(x),p=i(19216),g=i.n(p),b=i(44589),h=i.n(b),j=i(84887),M={};M.styleTagTransform=h(),M.setAttributes=m(),M.insert=u().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=g();l()(j.Z,M);j.Z&&j.Z.locals&&j.Z.locals;var v=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],c=a[1],u=(0,o.NP)(),x=(0,r.useState)(""),m=(0,t.Z)(x,2),p=m[0],g=m[1],b=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===b[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<b.length;o++)t(o)}g(e),c(e)}}),[]),s?(0,v.jsx)("div",{style:n,className:j.B,children:p}):(0,v.jsx)(v.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(4820),a=i(9420),s=i(87363),c=i(94873),u=i(13838),x=i(88683),m=i(86587),p=i(46770),g=i(16273),b=i(48774),h=i(58391),j=i(27853),M=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 v=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,v=(0,l.NP)(),y=(0,x.useTranslation)().t,w=(0,x.useDivaCore)().state.dimensions,I=w.isMobile,f=w.isTablet,N=(0,s.useState)(""),C=(0,o.Z)(N,2),z=C[0],P=C[1],O={},L={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:v.getViewConfig().tooltipPosition||"left-center"});return I||f||v.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],O=Z.triggerProps,L=Z.layerProps,S=Z.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,a.sel?c.pA:void 0),onClick:function onClick(){a.doShowFav&&v.paletteViewHandler.clickedOnFavIcon(a),v.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},O),T),{},{children:[(0,M.jsxs)("div",{className:d()(c.iZ,c.NC),children:[a.sel&&(0,M.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,M.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,M.jsx)("div",{className:c.$l}),!("TEXT"==a.layout)&&(0,M.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,M.jsxs)("div",{className:d()(c.AR,"TEXT"==a.layout?c.Eb:void 0),children:[(0,M.jsx)("div",{className:d()(c.db,""!==z?c.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,M.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[z,P]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,M.jsx)(b.default,{text:a.text+(a.freeText?a.freeText:""),desciption:z,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:L},a.codex))),a.doShowFav&&(0,M.jsx)("div",{className:a.isFav?u.Md:u.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,M.jsx)(j.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,M.jsx)("div",{className:d()(c.ox),title:y("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.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 l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>M,Bm:()=>w,CA:()=>x,Eb:()=>v,K5:()=>j,NC:()=>b,ZP:()=>f,db:()=>y,iZ:()=>p,ox:()=>I,pA:()=>m,vc:()=>g});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),c=d()(o()),u=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+u+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var x="index-module--FGg5H",m="index-module--zZnWk",p="index-module--pQje2",g="index-module--CcpMC",b="index-module--II_8j",h="index-module--dUy8g",j="index-module--Z8KXz",M="index-module--m9VzR",v="index-module--Y5eRx",y="index-module--mZh26",w="index-module--NabGm",I="index-module--2NJnv";const f=c},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),m=i(44589),p=i.n(m),g=i(6284),b={};b.styleTagTransform=p(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();o()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3721.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3721],{83721:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(20640),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),h=t(90569),b=t.n(h),m=t(3565),S=t.n(m),C=t(19216),R=t.n(C),y=t(44589),D=t.n(y),T=t(64890),L={};L.styleTagTransform=D(),L.setAttributes=S(),L.insert=b().bind(null,"head"),L.domAPI=f(),L.insertStyleElement=R();v()(T.Z,L);T.Z&&T.Z.locals&&T.Z.locals;var U=t(47514);const k=(0,c.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,d.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],h=(0,s.useState)([]),b=(0,o.Z)(h,2),m=b[0],S=b[1],C=(0,s.useRef)(!0),R=(0,s.useRef)(),y=a.viewPlannerHandler.getPlannerViewConfig(),D=(0,s.useRef)(null),T=(0,d.useDivaCore)(),L=T.actions,k=T.state,x=k.apiConfig,E=k.isMobile,I=k.isFirefox,P=k.jwt,j=k.dimensions.isTablet,X=E||j;(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShowRTV?(L.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return L.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&L.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShowRTV,a.hqRenderScript]),(0,s.useEffect)((function(){a.productState.glbUrl=void 0,R.current=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(m)&&S(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var Y=X&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){L.loadModelViewer();var e=function messageListener(e){D.current&&("AR_READY"===e.data.type&&a.productState.doShowARQRCode&&(D.current.style.zIndex="10000",D.current.style.position="fixed",L.closeModal()),"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),D.current.style.zIndex="0",D.current.style.position="absolute",D.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e;Y&&a.productState.doShowARQRCode&&R.current&&(D.current.style.zIndex="10000",D.current.style.position="fixed",null===(e=D.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:R.current},"*"))}),[a.productState.doShowARQRCode]),!a.productState.doShowRTV&&!0===C.current||!a.isParentViewVisible?(0,U.jsx)(U.Fragment,{}):(C.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:X,elementsInfo:m,actions:L,inBackground:w,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:x,jwt:P,renderInBackground:!!Y&&!w,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:y.posNumIcon,posTrashIcon:y.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB"},callbacks:{setGlb:X?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:Y&&D.current&&e?(R.current=e,null===(n=D.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t);case 1:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&L.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),Y&&a.productState.loadRTVForAr&&(0,U.jsx)("iframe",{src:K,ref:D,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100%",height:"100%"}}),a.productState.glbUrl&&a.productState.loadRTVForAr&&!Y&&(0,U.jsx)("div",{id:"ar-viewer",children:(0,U.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=c.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":I?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,U.jsx)("div",{id:"ar-prompt",children:(0,U.jsx)("img",{src:A})}),(0,U.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,U.jsx)(U.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(43494),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},43494:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3721],{83721:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(4820),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),h=t(90569),b=t.n(h),m=t(3565),S=t.n(m),C=t(19216),R=t.n(C),y=t(44589),D=t.n(y),L=t(64890),T={};T.styleTagTransform=D(),T.setAttributes=S(),T.insert=b().bind(null,"head"),T.domAPI=f(),T.insertStyleElement=R();v()(L.Z,T);L.Z&&L.Z.locals&&L.Z.locals;var U=t(47514);const k=(0,c.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,d.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],h=(0,s.useState)([]),b=(0,o.Z)(h,2),m=b[0],S=b[1],C=(0,s.useRef)(!0),R=(0,s.useRef)(),y=a.viewPlannerHandler.getPlannerViewConfig(),D=(0,s.useRef)(null),L=(0,d.useDivaCore)(),T=L.actions,k=L.state,x=k.apiConfig,E=k.isMobile,I=k.isFirefox,P=k.jwt,j=k.dimensions.isTablet,X=E||j;(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShowRTV?(T.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return T.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&T.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShowRTV,a.hqRenderScript]),(0,s.useEffect)((function(){a.productState.glbUrl=void 0,R.current=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(m)&&S(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var Y=X&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){T.loadModelViewer();var e=function messageListener(e){D.current&&("AR_READY"===e.data.type&&a.productState.doShowARQRCode&&(D.current.style.zIndex="10000",D.current.style.position="fixed",T.closeModal()),"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),D.current.style.zIndex="0",D.current.style.position="absolute",D.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e;Y&&a.productState.doShowARQRCode&&R.current&&(D.current.style.zIndex="10000",D.current.style.position="fixed",null===(e=D.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:R.current},"*"))}),[a.productState.doShowARQRCode]),!a.productState.doShowRTV&&!0===C.current||!a.isParentViewVisible?(0,U.jsx)(U.Fragment,{}):(C.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:X,elementsInfo:m,actions:T,inBackground:w,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:x,jwt:P,renderInBackground:!!Y&&!w,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:y.posNumIcon,posTrashIcon:y.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB"},callbacks:{setGlb:X?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:Y&&D.current&&e?(R.current=e,null===(n=D.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t);case 1:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&T.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),Y&&(0,U.jsx)("iframe",{src:K,ref:D,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100%",height:"100%"}}),a.productState.glbUrl&&!Y&&(0,U.jsx)("div",{id:"ar-viewer",children:(0,U.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=c.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":I?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,U.jsx)("div",{id:"ar-prompt",children:(0,U.jsx)("img",{src:A})}),(0,U.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,U.jsx)(U.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(43494),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},43494:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3756.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3756,1679,7446],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var T=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,j=P.contentOuterClassName,N=P.contentInnerClassName,E="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(S,"__contentOuter ").concat(j),I="".concat(S,"__contentInner ").concat(N);return O.a.createElement(x,l({className:k.trim()},this.props.containerElementProps),O.a.createElement(T,l({id:this.triggerId,className:E.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);T.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=T}]))},61679:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>Y});var C=y(84658),O=y(34988),v=y(50747),x=y.n(v),T=y(87363),w=y(9420),P=y(20640),S=y(1463),j=y.n(S),N=y(93379),E=y.n(N),k=y(7795),_=y.n(k),I=y(90569),D=y.n(I),R=y(3565),A=y.n(R),W=y(19216),Z=y.n(W),B=y(44589),H=y.n(B),J=y(89144),M={};M.styleTagTransform=H(),M.setAttributes=A(),M.insert=D().bind(null,"head"),M.domAPI=_(),M.insertStyleElement=Z();E()(J.ZP,M);J.ZP&&J.ZP.locals&&J.ZP.locals;var L=y(8108),U=y(47514);const Y=(0,w.Pi)((function JsonEditor(r){var m=r.json,y=(r.plannerArticles,r.curBox),v=r.divaArticles,w=(0,P.NP)(),S=(0,T.useRef)(null),N=(0,T.useRef)(null),E=(0,T.useState)(null!=m?m:{}),k=(0,O.Z)(E,2),_=k[0],I=k[1],D=(0,T.useState)(!0),R=(0,O.Z)(D,2),A=R[0],W=R[1],Z=(0,T.useState)([]),B=(0,O.Z)(Z,2),H=B[0],M=B[1],Y=v[y],z={mode:"code",onChange:function onChange(){try{var r=N.current,m=(r.get(),r.validate());W(m)}catch(r){return void W(!1)}}};(0,T.useEffect)((function(){I(m)})),(0,T.useEffect)((function(){S.current&&(N.current||(N.current=new(j())(S.current,z)),N.current&&N.current.set(_))}),[_]);var K=function(){var r=(0,C.Z)(x().mark((function _callee(){var r;return x().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=N.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return Y.catalogArticle.modifiedJ3D=r.get(),Y.resetShelfPlanner(),m.next=8,Y.updateShelfPlannerState({});case 8:w.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=w.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,y=[];for(var C in m)m[C].catalogArticle.modifiedJ3D&&y.push({articleCodex:C,j3d:JSON.stringify(m[C].catalogArticle.modifiedJ3D)});M(y)}return(0,U.jsxs)("div",{className:J.YS,children:[(0,U.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,U.jsxs)("div",{className:J.IU,children:[(0,U.jsx)("button",{className:J.LI,disabled:!A,onClick:function onClick(){return K()},children:"Save"}),(0,U.jsx)("button",{className:J.LI,onClick:function onClick(){return function onClickExport(){if(H&&0!==H.length)for(var r=0;r<H.length;r++)L.ZP.downloadStringAsTxtFile(H[r].j3d,"text/plain",H[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,U.jsxs)("div",{children:[(0,U.jsx)("h5",{children:"Modified Articles"}),H.map((function(r,m){return(0,U.jsx)("p",{className:J.lI,children:r.articleCodex},m)}))]})]})]})}))},35631:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});var C=y(80248),O=y(9420),v=(y(87363),y(72072)),x=y(61679),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(r);m&&(C=C.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,C)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,C.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const w=(0,O.Pi)((function J3DEditor(r){return(0,T.jsx)(v.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:x.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,y)=>{"use strict";y.d(m,{IU:()=>P,LI:()=>w,YS:()=>T,ZP:()=>j,lI:()=>S});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var T="index-module--B2E8Y",w="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const j=x}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3756,1679,7446],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var T=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,j=P.contentOuterClassName,N=P.contentInnerClassName,E="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(S,"__contentOuter ").concat(j),I="".concat(S,"__contentInner ").concat(N);return O.a.createElement(x,l({className:k.trim()},this.props.containerElementProps),O.a.createElement(T,l({id:this.triggerId,className:E.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);T.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=T}]))},61679:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>Y});var C=y(84658),O=y(34988),v=y(50747),x=y.n(v),T=y(87363),w=y(9420),P=y(4820),S=y(1463),j=y.n(S),N=y(93379),E=y.n(N),k=y(7795),_=y.n(k),I=y(90569),D=y.n(I),R=y(3565),A=y.n(R),W=y(19216),Z=y.n(W),B=y(44589),H=y.n(B),J=y(89144),M={};M.styleTagTransform=H(),M.setAttributes=A(),M.insert=D().bind(null,"head"),M.domAPI=_(),M.insertStyleElement=Z();E()(J.ZP,M);J.ZP&&J.ZP.locals&&J.ZP.locals;var L=y(8108),U=y(47514);const Y=(0,w.Pi)((function JsonEditor(r){var m=r.json,y=(r.plannerArticles,r.curBox),v=r.divaArticles,w=(0,P.NP)(),S=(0,T.useRef)(null),N=(0,T.useRef)(null),E=(0,T.useState)(null!=m?m:{}),k=(0,O.Z)(E,2),_=k[0],I=k[1],D=(0,T.useState)(!0),R=(0,O.Z)(D,2),A=R[0],W=R[1],Z=(0,T.useState)([]),B=(0,O.Z)(Z,2),H=B[0],M=B[1],Y=v[y],z={mode:"code",onChange:function onChange(){try{var r=N.current,m=(r.get(),r.validate());W(m)}catch(r){return void W(!1)}}};(0,T.useEffect)((function(){I(m)})),(0,T.useEffect)((function(){S.current&&(N.current||(N.current=new(j())(S.current,z)),N.current&&N.current.set(_))}),[_]);var K=function(){var r=(0,C.Z)(x().mark((function _callee(){var r;return x().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=N.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return Y.catalogArticle.modifiedJ3D=r.get(),Y.resetShelfPlanner(),m.next=8,Y.updateShelfPlannerState({});case 8:w.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=w.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,y=[];for(var C in m)m[C].catalogArticle.modifiedJ3D&&y.push({articleCodex:C,j3d:JSON.stringify(m[C].catalogArticle.modifiedJ3D)});M(y)}return(0,U.jsxs)("div",{className:J.YS,children:[(0,U.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,U.jsxs)("div",{className:J.IU,children:[(0,U.jsx)("button",{className:J.LI,disabled:!A,onClick:function onClick(){return K()},children:"Save"}),(0,U.jsx)("button",{className:J.LI,onClick:function onClick(){return function onClickExport(){if(H&&0!==H.length)for(var r=0;r<H.length;r++)L.ZP.downloadStringAsTxtFile(H[r].j3d,"text/plain",H[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,U.jsxs)("div",{children:[(0,U.jsx)("h5",{children:"Modified Articles"}),H.map((function(r,m){return(0,U.jsx)("p",{className:J.lI,children:r.articleCodex},m)}))]})]})]})}))},35631:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});var C=y(80248),O=y(9420),v=(y(87363),y(72072)),x=y(61679),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(r);m&&(C=C.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,C)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,C.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const w=(0,O.Pi)((function J3DEditor(r){return(0,T.jsx)(v.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:x.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,y)=>{"use strict";y.d(m,{IU:()=>P,LI:()=>w,YS:()=>T,ZP:()=>j,lI:()=>S});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var T="index-module--B2E8Y",w="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const j=x}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(20640),c=t(71393),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.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 s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2"];const d=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],O=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var _={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},v=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:_,value:v.find((function(e){return e.value==b})),options:v,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>O.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),O=t(95044),_={};_.styleTagTransform=f(),_.setAttributes=s(),_.insert=c().bind(null,"head"),_.domAPI=i(),_.insertStyleElement=p();o()(O.ZP,_),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(4820),c=t(71393),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.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 s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2"];const d=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],O=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var _={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},v=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:_,value:v.find((function(e){return e.value==b})),options:v,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>O.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),O=t(95044),_={};_.styleTagTransform=f(),_.setAttributes=s(),_.insert=c().bind(null,"head"),_.domAPI=i(),_.insertStyleElement=p();o()(O.ZP,_),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);