npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.1.0-beta.3 → 25.1.0-beta.31 - Mend

@crystaldesign/diva-web-planner-react 25.1.0-beta.3 → 25.1.0-beta.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7282.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7282,9001,9360,4190],{3827:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(96463),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(96463)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket()}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},78328:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(96463),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:j.vX,onClick:s})]})]})})}))},87282:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(96463),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(78328),S=t(34190),I=t(77974),O=t(89112),P=t(69001),k=t(88683),N=t(3827),M=t(9420),C=t(68063),B=t(45411),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,k.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},45411:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(96463),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>P,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>k,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition: height 0.45s, top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\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--y76la .index-module--rbJ1a {\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--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\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--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\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/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",P="index-module--EMso2",k="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7282,9001,9360,4190],{3827:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(96463),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(96463)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket()}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},78328:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(96463),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:j.vX,onClick:s})]})]})})}))},87282:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(96463),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(78328),S=t(34190),I=t(77974),O=t(89112),P=t(69001),k=t(88683),N=t(3827),M=t(9420),C=t(68063),B=t(45411),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,k.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},45411:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(96463),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>P,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>k,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\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--y76la .index-module--rbJ1a {\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--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\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--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\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/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",P="index-module--EMso2",k="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7327.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7327,59,9119],{4564:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});n(87363);var r=n(9420),a=n(93379),s=n.n(a),l=n(7795),i=n.n(l),o=n(90569),u=n.n(o),c=n(3565),p=n.n(c),d=n(19216),f=n.n(d),m=n(44589),g=n.n(m),v=n(48835),x={};x.styleTagTransform=g(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=f();s()(v.Z,x);v.Z&&v.Z.locals&&v.Z.locals;var h=n(92519),y=n(47514);const b=(0,r.Pi)((function SelectedOpv(e){var t=e.item,n=e.selectedElements;return(0,y.jsx)("div",{className:v.Y,style:{marginTop:n.length?16:void 0},children:n.map((function(e,n){return(0,y.jsx)(h.default,{selectedElement:e,paletteId:t.id},e.codex)}))})}))},48835:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,Z:()=>o});var r=n(8081),a=n.n(r),s=n(23645),l=n.n(s)()(a());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var i="index-module--xpk21";const o=l},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7327,59],{4564:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});n(87363);var r=n(9420),a=n(93379),s=n.n(a),l=n(7795),i=n.n(l),o=n(90569),u=n.n(o),c=n(3565),p=n.n(c),d=n(19216),f=n.n(d),m=n(44589),g=n.n(m),v=n(48835),x={};x.styleTagTransform=g(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=f();s()(v.Z,x);v.Z&&v.Z.locals&&v.Z.locals;var h=n(92519),y=n(47514);const b=(0,r.Pi)((function SelectedOpv(e){var t=e.item,n=e.selectedElements;return(0,y.jsx)("div",{className:v.Y,style:{marginTop:n.length?16:void 0},children:n.map((function(e,n){return(0,y.jsx)(h.default,{selectedElement:e,paletteId:t.id},e.codex)}))})}))},48835:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,Z:()=>o});var r=n(8081),a=n.n(r),s=n(23645),l=n.n(s)()(a());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var i="index-module--xpk21";const o=l},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7376.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7376],{42450:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(34988),A=t(9420),d=t(96463),l=t(87363),r=t(65515),s=t.n(r),a=t(88683),u=t(93379),c=t.n(u),x=t(7795),m=t.n(x),g=t(90569),h=t.n(g),p=t(3565),E=t.n(p),R=t(19216),b=t.n(R),w=t(44589),y=t.n(w),L=t(68042),v={};v.styleTagTransform=y(),v.setAttributes=E(),v.insert=h().bind(null,"head"),v.domAPI=m(),v.insertStyleElement=b();c()(L.ZP,v);L.ZP&&L.ZP.locals&&L.ZP.locals;var S=t(22976),k=t.n(S),Y=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 C=(0,A.Pi)((function DoorPlanner(e){var n=e.item,t=(0,d.NP)(),i=(0,a.useTranslation)().t,A=t.getIsInMobileView()?50:100,r=n.groups[0].items,u=(0,l.useState)({x:0,y:0}),c=(0,o.Z)(u,2),x=c[0],m=c[1],g=(0,l.useState)(void 0),h=(0,o.Z)(g,2),p=h[0],E=h[1],R=(0,l.useRef)(null),b=(0,l.useRef)(null),w=(0,l.useState)(!1),y=(0,o.Z)(w,2),v=y[0],S=y[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var A=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)\|\|void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);A<R.current.getBoundingClientRect().width/1005?R.current.scrollTo({left:R.current.scrollLeft-10}):A>R.current.getBoundingClientRect().width/10095&&R.current.scrollTo({left:R.current.scrollLeft+10})}},f=function getEventOffsetX(e){var n,i,o,A,d;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)\|\|void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(A=null===(d=R.current)\|\|void 0===d?void 0:d.scrollLeft)&&void 0!==A?A:0)},B={onStart:function handleStart(e){var n=f(e),t=n-n%A;m({y:0,x:t}),E(r[t/A])},onDrag:function handleDrag(e){var n=f(e),t=(n-n%A)/A;t>=0&&t<r.length&&((null==p?void 0:p.key)!=r[t].key&&(null==p?void 0:p.currentDoor.StrictType)===r[t].currentDoor.StrictType?S(!0):S(!1)),C(e)},onStop:function handleStop(e){var n=f(e),i=(n-n%A)/A;v&&p&&i>=0&&i<r.length&&t.paletteViewHandler.moveDoors(p.door,r[i].door),E(void 0),S(!1),m({y:0,x:0})}};return(0,Y.jsxs)(Y.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,Y.jsx)("div",{ref:R,className:s()(L.nC,"box",t.getIsInMobileView()?L.ai:void 0),children:(0,Y.jsxs)("div",{className:L.YS,children:[(0,Y.jsx)(k(),_objectSpread(_objectSpread({nodeRef:b,bounds:"parent",position:x},B),{},{axis:"x",defaultClassName:L.ts,defaultClassNameDragging:s()(L.sv,v?L.Zn:L.zP),children:(0,Y.jsx)("div",{ref:b,className:"box cursor-x",style:{width:p?A:Ar.length}})})),r.map((function(e,n){return(0,Y.jsxs)("div",{className:s()(L.nw,0==n?L.Ps:void 0,n===r.length-1?L.Z$:void 0),children:["TUER_L"==e.type&&(0,Y.jsx)("div",{className:s()(L.pr,L.F2)}),"TUER_R"==e.type&&(0,Y.jsx)("div",{className:s()(L.pr,L.t$)})]})}))]})})]})}))},68042:(e,n,t)=>{t.d(n,{F2:()=>y,Ps:()=>E,YS:()=>g,Z$:()=>R,ZP:()=>Y,Zn:()=>S,ai:()=>p,nC:()=>m,nw:()=>h,pr:()=>b,sv:()=>v,t$:()=>w,ts:()=>L,zP:()=>k});var i=t(8081),o=t.n(i),A=t(23645),d=t.n(A),l=t(61667),r=t.n(l),s=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=d()(o()),c=r()(s),x=r()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M {\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.index-module--NzX3M {\n overflow-x: auto;\n width: calc(100% - 20px);\n height: 100%;\n position: relative;\n padding: 0;\n margin: 10px;\n float: left;\n}\n.index-module--RkNWX {\n width: -moz-max-content;\n width: max-content;\n height: 100%;\n}\n\n.index-module--aqj4f {\n display: inline-block;\n width: 100px;\n word-break: break-word;\n height: 300px;\n background: #eee;\n box-sizing: border-box;\n border: 1px solid black;\n position: relative;\n}\n\n.index-module--EHWt0 .index-module--aqj4f {\n width: 50px;\n height: 150px;\n}\n\n.index-module--SrsAj {\n border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n position: absolute;\n top: 47%;\n left: calc(50% - 32px);\n height: 40px;\n width: 60px;\n pointer-events: none;\n}\n\n.index-module--EHWt0 .index-module--BhUM_ {\n height: 20px;\n width: 30px;\n left: calc(50% - 17px);\n}\n\n.index-module--ypgMv {\n border-left: solid 3px black;\n}\n.index-module--SMdcf {\n border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n height: 300px;\n opacity: 0;\n position: absolute;\n z-index: 100;\n}\n\n.index-module--EHWt0 .index-module--f8a_9 {\n height: 150px;\n}\n\n.index-module--FwvZJ {\n opacity: 1;\n border: 1px solid black;\n cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n border: 1px solid green;\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-size: 60%;\n background-position: center 30%;\n}\n\n.index-module--nAXUW {\n border: 1px solid red;\n background-image: url("+x+");\n background-repeat: no-repeat;\n background-size: 60%;\n background-position: center 30%;\n}\n",""]);var m="index-module--NzX3M",g="index-module--RkNWX",h="index-module--aqj4f",p="index-module--EHWt0",E="index-module--SrsAj",R="index-module--vuiRh",b="index-module--BhUM_",w="index-module--ypgMv",y="index-module--SMdcf",L="index-module--f8a_9",v="index-module--FwvZJ",S="index-module--Sc12s",k="index-module--nAXUW";const Y=u},42495:e=>{e.exports="data:image/png;base64,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"},42087:e=>{e.exports="data:image/png;base64,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"}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 743.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[743,1209],{60743:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),o=t(96463),i=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),S=t.n(C),D=t(64890),R={};R.styleTagTransform=S(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(D.Z,R);D.Z&&D.Z.locals&&D.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,o.NP)(),a=(0,i.useRef)(),s=(0,l.useTranslation)().t,u=(0,i.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,i.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,i.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),S=C.actions,D=C.state,R=D.apiConfig,k=D.isMobile,L=D.isFirefox,U=D.jwt,y=D.dimensions.isTablet,x=k||y;return(0,i.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){e.push({elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr})})),JSON.stringify(e)!=JSON.stringify(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,i.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(S.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return S.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&S.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,i.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!1,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:x,elementsInfo:h,actions:S,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:U,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:x?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&S.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":L?"":"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,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(o()),u=s()(d);c.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=c},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},43494:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[743,1209],{60743:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),o=t(96463),i=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),S=t.n(C),D=t(64890),R={};R.styleTagTransform=S(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(D.Z,R);D.Z&&D.Z.locals&&D.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,o.NP)(),a=(0,i.useRef)(),s=(0,l.useTranslation)().t,u=(0,i.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,i.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,i.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),S=C.actions,D=C.state,R=D.apiConfig,k=D.isMobile,y=D.isFirefox,L=D.jwt,U=D.dimensions.isTablet,x=k||U;return(0,i.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(S.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return S.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&S.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,i.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!1,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?((0,i.useEffect)((function(){var e=[];t.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(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:x,elementsInfo:h,actions:S,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:L,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:x?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&S.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":y?"":"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,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]})):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(o()),u=s()(d);c.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=c},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},43494:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7449.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,59,9119,3115],{23115:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var o=i(34988),t=i(96463),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),g=i(84887),y={};y.styleTagTransform=b(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=h();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var f=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,t.NP)(),p=(0,d.useState)(""),c=(0,o.Z)(p,2),m=c[0],h=c[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)o(t)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:g.B,children:m}):(0,f.jsx)(f.Fragment,{})}},3286:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),d=i(65515),r=i.n(d),l=i(96463),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),g=i(19216),y=i.n(g),f=i(44589),w=i.n(f),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=y();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(63662),C=i(23115),D=i(88683),Z=i(41834),A=i(18606),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,o=e.item,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,t.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,g=b.isMobile,y=b.isTablet,f={},w={},O=void 0,N=!1,Y={},K=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,k.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return g||y||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=K[0],Y=K[1],f=V.triggerProps,w=V.layerProps,O=V.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,z.jsx)("img",{className:r()(P.K5),src:u.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,z.jsx)(Z.default,{item:u})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,z.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:w},u.codex)))]}))}))},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.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}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)o.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,59,3115],{23115:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var o=i(34988),t=i(96463),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),g=i(84887),y={};y.styleTagTransform=b(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=h();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var f=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,t.NP)(),p=(0,d.useState)(""),c=(0,o.Z)(p,2),m=c[0],h=c[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)o(t)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:g.B,children:m}):(0,f.jsx)(f.Fragment,{})}},3286:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),d=i(65515),r=i.n(d),l=i(96463),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),g=i(19216),y=i.n(g),f=i(44589),w=i.n(f),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=y();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(63662),C=i(23115),D=i(88683),Z=i(41834),A=i(18606),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,o=e.item,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,t.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,g=b.isMobile,y=b.isTablet,f={},w={},O=void 0,N=!1,Y={},K=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,k.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return g||y||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=K[0],Y=K[1],f=V.triggerProps,w=V.layerProps,O=V.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,z.jsx)("img",{className:r()(P.K5),src:u.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,z.jsx)(Z.default,{item:u})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,z.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:w},u.codex)))]}))}))},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.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}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\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  z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)o.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7520.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7520,3492],{97520:(e,n,i)=>{i.r(n),i.d(n,{default:()=>O});var t=i(80248),o=i(34988),d=i(84658),l=i(50747),r=i.n(l),a=i(65515),u=i.n(a),s=i(96463),c=i(9420),x=i(87363),m=i(93379),p=i.n(m),g=i(7795),h=i.n(g),f=i(90569),b=i.n(f),v=i(3565),w=i.n(v),P=i(19216),k=i.n(P),y=i(44589),S=i.n(y),M=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=b().bind(null,"head"),j.domAPI=h(),j.insertStyleElement=k();p()(M.ZP,j);M.ZP&&M.ZP.locals&&M.ZP.locals;var C=i(88683),z=i(46770),I=i(23115),T=i(63662),N=i(63492),L=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 O=(0,c.Pi)((function AccessoiresStandard(e){var n,i=e.item,t=e.wcAccInfoContainerClass,l=void 0===t?M.TX:t,a=e.wcConfiguratorSettingsTitleClass,c=void 0===a?M.db:a,m=e.hidePrice,p=e.hideSize,g=i,h=(0,s.NP)(),f=(0,C.useDivaCore)().state,b=f.hidePrices,v=f.dimensions,w=v.isMobile,P=v.isTablet,k=!1,y=h.getViewConfig().dontShowBasePrice||b||m,S=function(){var e=(0,d.Z)(r().mark((function _callee(){var e;return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!k){n.next=2;break}return n.abrupt("return");case 2:return k=!0,n.next=5,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&h.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&h.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),k=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),j=function(){var e=(0,d.Z)(r().mark((function _callee2(){return r().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!k){e.next=2;break}return e.abrupt("return");case 2:return k=!0,e.next=5,h.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:k=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),O={};if(g.configStepKeys)for(var Z=function _loop(){var e=g.configStepKeys[A],n=h.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;O[e.basketId]||(O[e.basketId]={}),O[e.basketId][n[0]]=n[1]},A=0;A<g.configStepKeys.length;A++)Z();var D=(0,x.useState)(""),H=(0,o.Z)(D,2),Q=H[0],R=H[1],_={},V={},E=void 0,U=!1,G={},F=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),J=(0,z.sJ)({isOpen:F[0],auto:!0,placement:h.getViewConfig().tooltipPosition||"left-center"});return w||P||h.getViewConfig().hideTooltip||(U=F[0],G=F[1],_=J.triggerProps,V=J.layerProps,E=J.renderLayer),(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:u()(M.RV,h.uiState.isMobilePortrait?M.KJ:void 0,h.uiState.isMobileLandscape?M.mp:void 0)},_),G),{},{children:(0,L.jsxs)("div",{className:u()(M.iZ,M.vc),children:[(0,L.jsx)("div",{className:u()(M.K5),onClick:S,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,L.jsxs)("div",{className:u()(l),children:[(0,L.jsx)("div",{className:u()(c,""!==Q?M.Bm:void 0),children:g.name}),(0,L.jsx)(I.default,{metaData:g.metaData,visible:[Q,R]},g.articleCodex),!p&&(0,L.jsx)("div",{className:u()(M.WN),children:g.formattedSize})]}),!y&&(0,L.jsx)("div",{className:u()(M.n_),children:g.formattedPrice}),(0,L.jsxs)("div",{className:u()(M.W0),children:[(0,L.jsx)("div",{onClick:j,className:u()(M.Uz,0==g.actQuantity?M.h$:void 0),children:"-"}),(0,L.jsx)("div",{className:u()(M.Wi),children:g.actQuantity}),(0,L.jsx)("div",{onClick:S,className:u()(M.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?M.h$:void 0),children:"+"})]})]})})),U&&(null===(n=E)||void 0===n?void 0:n((0,L.jsx)(T.default,{text:g.name,desciption:Q,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:V},g.articleCodex))),!!Object.keys(O).length&&(0,L.jsx)(N.default,{itemPalettesOfArticle:O})]})}))},99137:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var t=i(65515),o=i.n(t),d=i(9420),l=(i(87363),i(96463)),r=i(93379),a=i.n(r),u=i(7795),s=i.n(u),c=i(90569),x=i.n(c),m=i(3565),p=i.n(m),g=i(19216),h=i.n(g),f=i(44589),b=i.n(f),v=i(95055),w={};w.styleTagTransform=b(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=h();a()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=i(88683),k=i(47514);const y=(0,d.Pi)((function SubTabGroupHeader(e){var n=e.openState,i=e.curState,t=e.tabs,d=(0,l.NP)(),r=(0,P.useTranslation)().t;return(0,k.jsxs)("div",{onClick:function onClick(){return n[1](!n[0])},className:o()(v.Fs,n[0]?v.bA:void 0,d.uiState.isInMobileView?v.ai:void 0),children:[(0,k.jsx)("div",{className:v.YS,children:t.map((function(e,d){return(0,k.jsxs)("div",{className:o()(v.TN,i[0]===e&&n[0]?v.pA:void 0),onClick:function onClick(t){i[1](e),n[0]||n[1](!0),t.stopPropagation()},children:["ALL"===e&&1!==t.length&&r("configurator.config_all"),1===t.length&&r("configurator.config_accessoire"),t.length>1&&"ALL"!==e&&d+"."]},e)}))}),(0,k.jsx)("div",{className:o()(v.y6)})]})}))},63492:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(12952),o=i(34988),d=i(87363),l=i(57446),r=i.n(l),a=i(99137),u=i(77674),s=i(9420),c=i(93379),x=i.n(c),m=i(7795),p=i.n(m),g=i(90569),h=i.n(g),f=i(3565),b=i.n(f),v=i(19216),w=i.n(v),P=i(44589),k=i.n(P),y=i(27558),S={};S.styleTagTransform=k(),S.setAttributes=b(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.Z,S);y.Z&&y.Z.locals&&y.Z.locals;var M=i(96463),j=i(47514);const C=(0,s.Pi)((function SubTabgroup(e){var n,i,l=e.itemPalettesOfArticle,s=(0,M.NP)(),c=(0,d.useState)(!(null===(n=s.getViewConfig())||void 0===n||!n.selectAccessoiresWithToggle)),x=(0,o.Z)(c,2),m=x[0],p=x[1],g=Object.keys(l),h=(0,d.useState)("ALL"),f=(0,o.Z)(h,2),b=f[0],v=f[1],w=(0,d.useState)([]),P=(0,o.Z)(w,2),k=P[0],S=P[1],C=(0,d.useState)(l[g[0]]),z=(0,o.Z)(C,2),I=z[0],T=z[1];return(0,d.useEffect)((function(){var e,n=null!==(e=l["ALL"==b?g[0]:b])&&void 0!==e?e:{};Object.values(n).map((function(e){return e.configAllMode="ALL"==b?g:void 0})),T(n),S(["ALL"].concat((0,t.Z)(g.length>1?g:[]))),k.includes(b)||v(k[0])}),[l,b]),(0,j.jsx)(r(),{trigger:null!==(i=s.getViewConfig())&&void 0!==i&&i.selectAccessoiresWithToggle?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)(a.default,{tabs:k,openState:[m,p],curState:[b,v]}),contentOuterClassName:m?y.n:void 0,easing:"ease",open:m,triggerDisabled:m,children:Object.values(I).map((function(e,n){return(0,j.jsx)(u.default,{item:e,id:e.id},n)}))})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>m,K5:()=>s,KJ:()=>k,RV:()=>r,TX:()=>c,Uz:()=>f,W0:()=>h,WN:()=>p,Wi:()=>w,ZP:()=>y,db:()=>x,h$:()=>v,iZ:()=>a,mp:()=>P,n_:()=>g,vc:()=>u,vg:()=>b});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\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  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 36px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 243.2px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 36px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 243.2px);\n}\n",""]);var r="index-module--Pc7de",a="index-module--kbpcW",u="index-module--wHVmF",s="index-module--nLQC8",c="index-module--_yxqS",x="index-module--eOv3D",m="index-module--FAF9I",p="index-module--grnCR",g="index-module--jniYo",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",v="index-module--QpnHk",w="index-module--BFe7r",P="index-module--S_PGz",k="index-module--zuQkq";const y=l},95055:(e,n,i)=>{i.d(n,{Fs:()=>x,TN:()=>p,YS:()=>m,ZP:()=>v,ai:()=>b,bA:()=>f,pA:()=>g,y6:()=>h});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),r=i(61667),a=i.n(r),u=new URL(i(37766),i.b),s=l()(o()),c=a()(u);s.push([e.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+c+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var x="index-module--bSSUt",m="index-module--wbRxH",p="index-module--Jw9JV",g="index-module--CAkCY",h="index-module--IR2e_",f="index-module--jWjLA",b="index-module--PzZv7";const v=s},27558:(e,n,i)=>{i.d(n,{Z:()=>a,n:()=>r});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([e.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var r="index-module--ardHn";const a=l},37766:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7520],{97520:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var d=i(80248),t=i(34988),o=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),u=i(96463),s=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),b=i(90569),g=i.n(b),v=i(3565),w=i.n(v),P=i(19216),k=i.n(P),y=i(44589),S=i.n(y),C=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=g().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=k();m()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var O=i(88683),z=i(46770),_=i(23115),q=i(63662),N=i(63492),Q=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,d)}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,d.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 T=(0,s.Pi)((function AccessoiresStandard(e){var n,i=e.item,d=e.wcAccInfoContainerClass,r=void 0===d?C.TX:d,a=e.wcConfiguratorSettingsTitleClass,s=void 0===a?C.db:a,p=e.hidePrice,m=e.hideSize,h=i,f=(0,u.NP)(),b=(0,O.useDivaCore)().state,g=b.hidePrices,v=b.dimensions,w=v.isMobile,P=v.isTablet,k=!1,y=f.getViewConfig().dontShowBasePrice||g||p,S=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!k){n.next=2;break}return n.abrupt("return");case 2:return k=!0,n.next=5,f.paletteViewHandler.clickedOnAccessoirePaletteWrapper(h,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&f.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&f.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),k=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),j=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!k){e.next=2;break}return e.abrupt("return");case 2:return k=!0,e.next=5,f.paletteViewHandler.clickedOnAccessoirePaletteWrapper(h,"minus");case 5:k=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),T={};if(h.configStepKeys)for(var H=function _loop(){var e=h.configStepKeys[R],n=f.settingsState.itemPaletteArr.find((function(n){var i=(0,t.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;T[e.basketId]||(T[e.basketId]={}),T[e.basketId][n[0]]=n[1]},R=0;R<h.configStepKeys.length;R++)H();var A=(0,x.useState)(""),I=(0,t.Z)(A,2),F=I[0],D=I[1],E={},K={},V=void 0,W=!1,Z={},M=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),B=(0,z.sJ)({isOpen:M[0],auto:!0,placement:f.getViewConfig().tooltipPosition||"left-center"});return w||P||f.getViewConfig().hideTooltip||(W=M[0],Z=M[1],E=B.triggerProps,K=B.layerProps,V=B.renderLayer),(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(C.RV,f.uiState.isMobilePortrait?C.KJ:void 0,f.uiState.isMobileLandscape?C.mp:void 0)},E),Z),{},{children:(0,Q.jsxs)("div",{className:c()(C.iZ,C.vc),children:[(0,Q.jsx)("div",{className:c()(C.K5),onClick:S,style:{backgroundImage:"url(".concat(h.image,")")}}),(0,Q.jsxs)("div",{className:c()(r),children:[(0,Q.jsx)("div",{className:c()(s,""!==F?C.Bm:void 0),children:h.name}),(0,Q.jsx)(_.default,{metaData:h.metaData,visible:[F,D]},h.articleCodex),!m&&(0,Q.jsx)("div",{className:c()(C.WN),children:h.formattedSize})]}),!y&&(0,Q.jsx)("div",{className:c()(C.n_),children:h.formattedPrice}),(0,Q.jsxs)("div",{className:c()(C.W0),children:[(0,Q.jsx)("div",{onClick:j,className:c()(C.Uz,0==h.actQuantity?C.h$:void 0),children:"-"}),(0,Q.jsx)("div",{className:c()(C.Wi),children:h.actQuantity}),(0,Q.jsx)("div",{onClick:S,className:c()(C.vg,h.maxQuantity==h.actQuantity&&0!=h.maxQuantity?C.h$:void 0),children:"+"})]})]})})),W&&(null===(n=V)||void 0===n?void 0:n((0,Q.jsx)(q.default,{text:h.name,desciption:F,codex:h.articleCodex,pricePreviewPromise:h.pricePreviewPromise,image:h.image,layerProps:K},h.articleCodex))),!!Object.keys(T).length&&(0,Q.jsx)(N.default,{itemPalettesOfArticle:T})]})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>u,KJ:()=>k,RV:()=>l,TX:()=>s,Uz:()=>b,W0:()=>f,WN:()=>m,Wi:()=>w,ZP:()=>y,db:()=>x,h$:()=>v,iZ:()=>a,mp:()=>P,n_:()=>h,vc:()=>c,vg:()=>g});var d=i(8081),t=i.n(d),o=i(23645),r=i.n(o)()(t());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\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  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--jniYo {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 36px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 243.2px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 36px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 243.2px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",u="index-module--nLQC8",s="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--jniYo",f="index-module--e7Riz",b="index-module--oT5tq",g="index-module--o4vHn",v="index-module--QpnHk",w="index-module--BFe7r",P="index-module--S_PGz",k="index-module--zuQkq";const y=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7674.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7674,3125,1123],{6318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(9420),r=t(96463),o=t(93379),a=t.n(o),l=t(7795),d=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=f();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var y=t(65515),P=t.n(y),b=t(88683),j=t(47514);const w=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,j.jsxs)("div",{className:P()(v.YS),children:[(0,j.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,j.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?v.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),r=(t(87363),t(2765)),o=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 ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},58829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});t(87363);var i=t(65515),r=t.n(i),o=t(93379),a=t.n(o),l=t(7795),d=t.n(l),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),v=t(18135),h={};h.styleTagTransform=g(),h.setAttributes=p(),h.insert=c().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=f();a()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(96463),P=t(9420),b=t(74133),j=t(47514);const w=(0,P.Pi)((function TextBox(e){var n,t,i=e.item,o=e.paletteId,a=e.style,l=(0,y.NP)(),d=i.groups[0].items,s=null!==(n=l.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,j.jsxs)("div",{className:v.O7,ref:function ref(e){return i.htmlRef=e},style:a,children:[(0,j.jsx)("div",{className:r()(v.eR,v.TN,v.t$),children:(0,j.jsx)(b.default,{item:i,isInScroller:!0,isSettingsHeader:!1})}),(0,j.jsx)("div",{className:r()(v.eR,v.F2),children:s.length?(0,j.jsx)(j.Fragment,{children:s.map((function(e){var n;return(0,j.jsxs)("div",{className:v.t,children:[(0,j.jsx)("div",{className:v.kA,children:e}),(0,j.jsx)("input",{className:v.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){l.paletteViewHandler.onFreeTextLangChanged(e,n,d[0],o)}(e,n.target.value)},type:"text",value:null!==(n=d[0])&&void 0!==n&&null!==(n=n.freeTextLang)&&void 0!==n&&n[e]?d[0].freeTextLang[e]:""})]},e)}))}):(0,j.jsx)("div",{children:(0,j.jsx)("input",{className:v.q_,onChange:function handleChange(e){d[0]&&(d[0].freeText=e.target.value,l.paletteViewHandler.clickedOnConfigPalette(d[0],"inputbox",o))},type:"text",value:null!==(t=d[0])&&void 0!==t&&t.freeText?d[0].freeText:""})})})]})}))},22128:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(96463),a=t(87363),l=t(9420),d=t(65436),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),v=t(19216),h=t.n(v),y=t(44589),P=t.n(y),b=t(77113),j={};j.styleTagTransform=P(),j.setAttributes=g(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=h();c()(b.ZP,j);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const N=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,a.useState)([]),m=(0,i.Z)(p,2),f=m[0],x=m[1],g=(0,o.NP)(),v=g.getViewConfig().productsConfig,h=(0,a.useState)(0),y=(0,i.Z)(h,2),P=y[0],j=y[1],N=(0,a.useCallback)((function(e){j(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),I=P===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,a.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==v?void 0:v.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==v?void 0:v.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==v?void 0:v.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}x(e.data)}))}),[g.uiState.isLoading]);var A=null!=v&&v.maxCount&&v.showSkeletions?S(v.maxCount,f.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,O.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:N,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==I}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),A.map((function(e){return(0,O.jsx)("div",{className:b.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(96463),l=t(4066),d=t(88683),s=t(41834),c=t(18606),u=t(47514),p=(0,d.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,d=e.item,m=e.paletteId,f=e.style,x=(0,a.NP)(),g=d.groups[0].items;if(!g)return(0,u.jsx)(u.Fragment,{});for(var v=0;v<g.length;v++){var h,y;null!==(h=g[v].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[v]),null!==(y=g[v].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=g[v])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return p.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),d.isVisited=!0,(0,u.jsx)(u.Fragment,{});var P=0==i.sel,b=null!==(n=d.selectedElements)&&void 0!==n&&n[0].contentItemId?d.selectedElements[0]:d.optionContentItemId?{contentItemId:d.optionContentItemId,codex:d.configStepKey}:void 0;return(0,u.jsxs)("div",{className:o.O7,ref:function ref(e){return d.htmlRef=e},style:f,children:[(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,u.jsx)(l.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:d,alwaysActiveColor:!0,state:P})}),(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,u.jsx)(s.default,{item:b,style:{top:"unset",bottom:"unset",right:"0px",position:"absolute"}})]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(96463),l=t(4066),d=t(9420),s=t(88683),c=t(37537),u=t(41834),p=t(18606),m=t(47514),f=(0,s.getLogger)("Planner","ToggleOption");const x=(0,d.Pi)((function ToggleOption(e){var n,t,i,d=e.item,s=e.paletteId,x=e.style,g=(0,a.NP)(),v=d.groups[0].items;if(!v)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<v.length;h++){var y,P;null!==(y=v[h].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(i=v[h]),null!==(P=v[h].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(t=v[h])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),d.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=d.selectedElements)&&void 0!==n&&n[0].contentItemId?d.selectedElements[0]:d.optionContentItemId?{contentItemId:d.optionContentItemId,codex:d.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return d.htmlRef=e},style:x,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:d.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:d,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,pos:"right"})]}),b&&(0,m.jsx)(u.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}})]})}))},44272:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});t(87363);var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),d=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),x=t(98404),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(x.Z,g);x.Z&&x.Z.locals&&x.Z.locals;var v=t(65515),h=t.n(v),y=t(43836),P=t(74133),b=t(6318),j=t(9420),w=t(96463),O=t(47514);const S=(0,j.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,w.NP)();return(0,O.jsxs)("div",{style:t,className:h()(x.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,O.jsx)(y.default,{stepInfo:n.info}),n.isHeader||n.hideHeader?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),"ART"==n.type&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,O.jsx)(b.default,{}),i]})}))},61123:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),r=(t(87363),t(2765)),o=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 SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},77674:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(80248),r=t(34988),o=t(87363),a=t.n(o),l=t(9420),d=t(86468),s=t(58829),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(96463),x=t(60206),g=t(22128),v=t(78717),h=t(90054),y=t(4903),P=t(44272),b=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}var j=a().lazy((function(){return Promise.all([t.e(2122),t.e(7442)]).then(t.bind(t,67442))})),w=a().lazy((function(){return Promise.all([t.e(2976),t.e(2450)]).then(t.bind(t,42450))}));const O=(0,l.Pi)((function SettingsPaletteItem(e){var n,t,i,a,l,O=e.item,S=e.groupSize,N=(0,f.NP)(),I=y.default[O.type];if(void 0===I)throw new Error("component type: '"+O.type+"' not implemented");var A=(0,o.useState)([]),R=(0,r.Z)(A,2),C=R[0],T=R[1],_=(0,o.useState)([]),E=(0,r.Z)(_,2),L=E[0],Z=E[1];(0,o.useEffect)((function(){var e=O.groups.map((function(e){return _objectSpread(_objectSpread({},e),{},{items:O.currentItemsFilter?e.items.filter((0,d.ZP)(O.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),T(n),Z(e)}),[O,N.settingsState.itemPalettes]);var k=1===C.length&&"none"===C[0].name,D=O.type.startsWith("SUMMARY")?"":p.pw,G=null!==(n=N.uiState.ViewConfig.settingsSizes)&&void 0!==n?n:{},M=null!==(t=null==G?void 0:G.gapDefault)&&void 0!==t?t:"10px",F=null!==(i=null==G?void 0:G.sizeDefault)&&void 0!==i?i:"300px",K=void 0;if(O.isRenderedNotInSettingPalette&&!O.isRenderedInAccessorieStep)F="240px";else if("SUMMARY_ARTICLES"==O.type||"SUMMARY_OPTIONTREE"===O.type||"SUMMARY_PARTLIST"==O.type||"VARIANTS"==O.type)F="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==O.type||"GAL_BIG"===O.type)F="100px";else if("ACC"==O.type)G.sizeAccessoires&&(F=G.sizeAccessoires);else if("ACC_CONFIG"==O.type)F="100%";else if(O.type.startsWith("GAL_SMALL"))F="60px";else if("RANGE"==O.type)F="100%";else if("GAL"==O.type){var V,W;F=null!==(V=null==G?void 0:G.sizeGallery)&&void 0!==V?V:"80px",M=null!==(W=null==G?void 0:G.gapGallery)&&void 0!==W?W:"10px"}else"PLANNERSWITCH"===O.type?F="170px":"SMALL"===O.type&&N.getIsInMobileView()&&"jungle"==(null===(a=N.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===O.type&&N.productState.shelfPlannerRTV?F="120px":"VERY_SMALL"===O.type?F="48%":"GAL_TEXT"===O.type?F="100px":"GAL_BIG_TEXT"===O.type?F="120px":"GAL_SMALL_TEXT"===O.type&&(F="70px");["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(O.type)&&(K="20px");var z=_objectSpread({"--gridSize":F,"--gridGap":M},K?{"--infoIconSize":K}:{});if(!O.visible)return(0,b.jsx)(b.Fragment,{});switch(O.type){case"TOGGLE":return(0,b.jsx)(m.default,{style:z,item:O,paletteId:O.id});case"TOGGLE_NAME":return(0,b.jsx)(v.default,{style:z,item:O,paletteId:O.id});case"TEXTBOX":return(0,b.jsx)(s.default,{style:z,item:O,paletteId:O.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,b.jsx)(c.default,{style:z,item:O,paletteId:O.id});case"NUMBER":return(0,b.jsx)(I,{paletteId:O.id,item:null===(l=O.groups[0])||void 0===l||null===(l=l.items)||void 0===l?void 0:l[0],groupSize:S},O.id+O.configStepKey);case"SHELFPLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(j,{filteredGroups:C,item:O,id:O.id,style:z},O.id)});case"PRODUCTS":return(0,b.jsx)(h.default,{item:O});case"PROMOTED":return(0,b.jsx)(g.default,{item:O});case"DOOR_PLANNER":return(0,b.jsx)(o.Suspense,{fallback:(0,b.jsx)(b.Fragment,{}),children:(0,b.jsx)(w,{item:O})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var B=(0,b.jsx)(x.default,{item:O,PaletteComponent:I,filteredGroups:L,id:O.id,showSearchBar:"GAL_GROUP_DROPDOWN"==O.type,contentInnerClassName:D},O.configStepKey);return(0,b.jsx)(P.default,{style:z,item:O,children:B});default:var H;return H=k?(0,b.jsx)("div",{className:D,children:C.map((function(e){return e.items.map((function(e,n){return(0,b.jsx)(I,{paletteType:O.type,paletteId:O.id,item:e},n)}))}))}):(0,b.jsx)(u.default,{groups:C,contentInnerClassName:D,itemPalette:O,PaletteComponent:I}),(0,b.jsx)(P.default,{style:z,item:O,children:H})}}))},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>d,YS:()=>l,ZP:()=>u,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",d="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const u=a},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>d,TN:()=>s,ZP:()=>x,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--nnufv {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--nnufv:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--nnufv: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--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",d="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const x=a},77113:(e,n,t)=>{t.d(n,{F1:()=>d,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",d="index-module--tgKwN";const s=a},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>f,eR:()=>d,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",d="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const f=a},98404:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var l="index-module--hCQUB";const d=a},70410:(e,n,t)=>{t.d(n,{ZP:()=>d,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const d=a},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),d=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),x=t(43078),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>x.pw});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),d=t.n(l),s=t(3565),c=t.n(s),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),x=t(70410),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7674,4133,3125,9596,2128,1123],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),r=(t(87363),t(2765)),o=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 SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},6318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(96463),o=t(93379),a=t.n(o),l=t(7795),s=t.n(l),d=t(90569),c=t.n(d),u=t(3565),p=t.n(u),m=t(19216),f=t.n(m),g=t(44589),x=t.n(g),v=t(11309),y={};y.styleTagTransform=x(),y.setAttributes=p(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=f();a()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var h=t(65515),P=t.n(h),b=t(88683),j=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,j.jsxs)("div",{className:P()(v.YS),children:[(0,j.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,j.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:P()(v.LI,n.settingsState.plannerReplaceMode?v.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),r=(t(87363),t(2765)),o=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 ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},58829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(84658),r=t(80248),o=t(34988),a=t(50747),l=t.n(a),s=t(87363),d=t(65515),c=t.n(d),u=t(93379),p=t.n(u),m=t(7795),f=t.n(m),g=t(90569),x=t.n(g),v=t(3565),y=t.n(v),h=t(19216),P=t.n(h),b=t(44589),j=t.n(b),O=t(18135),w={};w.styleTagTransform=j(),w.setAttributes=y(),w.insert=x().bind(null,"head"),w.domAPI=f(),w.insertStyleElement=P();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(96463),N=t(9420),I=t(74133),A=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,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}const R=(0,N.Pi)((function TextBox(e){var n,t,a=e.item,d=e.paletteId,u=e.style,p=(0,S.NP)(),m=(0,s.useRef)(null),f=a.groups[0].items,g=(0,s.useState)(f[0].freeTextLang),x=(0,o.Z)(g,2),v=x[0],y=x[1],h=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),P=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,A.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,A.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,A.jsx)(I.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,A.jsx)("div",{className:c()(O.eR,O.F2),children:P.length?(0,A.jsx)(A.Fragment,{children:P.map((function(e){return(0,A.jsxs)("div",{className:O.t,children:[(0,A.jsx)("div",{className:O.kA,children:e}),(0,A.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),y(_objectSpread(_objectSpread({},v),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==v?void 0:v[e]})]},e)}))}):(0,A.jsx)("div",{children:(0,A.jsx)("input",{className:O.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},22128:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),r=t(88683),o=t(96463),a=t(87363),l=t(9420),s=t(65436),d=t(93379),c=t.n(d),u=t(7795),p=t.n(u),m=t(90569),f=t.n(m),g=t(3565),x=t.n(g),v=t(19216),y=t.n(v),h=t(44589),P=t.n(h),b=t(77113),j={};j.styleTagTransform=P(),j.setAttributes=x(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();c()(b.ZP,j);b.ZP&&b.ZP.locals&&b.ZP.locals;var O=t(74133),w=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const N=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),d=l.actions.openComponent,c=l.handler.productHandler,u=l.state.organization,p=(0,a.useState)([]),m=(0,i.Z)(p,2),f=m[0],g=m[1],x=(0,o.NP)(),v=x.getViewConfig().productsConfig,y=(0,a.useState)(0),h=(0,i.Z)(y,2),P=h[0],j=h[1],N=(0,a.useCallback)((function(e){j(x.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[x]),I=P===x.settingsState.configChanged&&(null!==(n=x.configState.productId)&&void 0!==n?n:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId());(0,a.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==v?void 0:v.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==v?void 0:v.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:u._id},{id:"promotedForOrganizations",op:"eq",value:u._id}],sort:null!==(t=null==v?void 0:v.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(u._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}g(e.data)}))}),[x.uiState.isLoading]);var A=null!=v&&v.maxCount&&v.showSkeletions?S(v.maxCount,f.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,w.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,w.jsx)(s.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:N,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==I}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),A.map((function(e){return(0,w.jsx)("div",{className:b.F1,children:(0,w.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(96463),l=t(4066),s=t(88683),d=t(41834),c=t(18606),u=t(47514),p=(0,s.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,s=e.item,m=e.paletteId,f=e.style,g=(0,a.NP)(),x=s.groups[0].items;if(!x)return(0,u.jsx)(u.Fragment,{});for(var v=0;v<x.length;v++){var y,h;null!==(y=x[v].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(i=x[v]),null!==(h=x[v].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=x[v])}if(!(i&&t||(2==x.length&&(i=x[0],t=x[1]),i&&t)))return p.warn("Achtung! Bei der Option: "+x[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),s.isVisited=!0,(0,u.jsx)(u.Fragment,{});var P=0==i.sel,b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,u.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:f,children:[(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,u.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,u.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:s,alwaysActiveColor:!0,state:P})}),(0,u.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,u.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise}),(0,u.jsx)("div",{className:P?void 0:o.pA,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,u.jsx)(d.default,{item:b,style:{top:"unset",bottom:"unset",right:"0px",position:"absolute"}})]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(65515),r=t.n(i),o=t(550),a=t(96463),l=t(4066),s=t(9420),d=t(88683),c=t(37537),u=t(41834),p=t(18606),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const g=(0,s.Pi)((function ToggleOption(e){var n,t,i,s=e.item,d=e.paletteId,g=e.style,x=(0,a.NP)(),v=s.groups[0].items;if(!v)return(0,m.jsx)(m.Fragment,{});for(var y=0;y<v.length;y++){var h,P;null!==(h=v[y].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=v[y]),null!==(P=v[y].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(t=v[y])}if(!(i&&t||(2==v.length&&(i=v[0],t=v[1]),i&&t)))return f.error(new c.GE("Achtung! Bei der Option: "+v[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),s.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=s.selectedElements)&&void 0!==n&&n[0].contentItemId?s.selectedElements[0]:s.optionContentItemId?{contentItemId:s.optionContentItemId,codex:s.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return s.htmlRef=e},style:g,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:s.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:s,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,pos:"right"})]}),b&&(0,m.jsx)(u.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}})]})}))},44272:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});t(87363);var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(98404),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.Z,x);g.Z&&g.Z.locals&&g.Z.locals;var v=t(65515),y=t.n(v),h=t(43836),P=t(74133),b=t(6318),j=t(9420),O=t(96463),w=t(47514);const S=(0,j.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,O.NP)();return(0,w.jsxs)("div",{style:t,className:y()(g.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,w.jsx)(h.default,{stepInfo:n.info}),n.isHeader||n.hideHeader?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(P.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),"ART"==n.type&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,w.jsx)(b.default,{}),i]})}))},61123:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),r=(t(87363),t(2765)),o=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 SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/PaletteGroup"}))}},77674:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=t(34988),o=t(87363),a=t.n(o),l=t(9420),s=t(86468),d=t(58829),c=t(53125),u=t(61123),p=t(3985),m=t(88584),f=t(96463),g=t(60206),x=t(22128),v=t(78717),y=t(4903),h=t(44272),P=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}var b=a().lazy((function(){return Promise.all([t.e(2122),t.e(7442)]).then(t.bind(t,67442))})),j=a().lazy((function(){return Promise.all([t.e(2976),t.e(7376)]).then(t.bind(t,42450))})),O=a().lazy((function(){return Promise.all([t.e(8356),t.e(6266)]).then(t.bind(t,66266))}));const w=(0,l.Pi)((function SettingsPaletteItem(e){var n,t,i,a,l,w=e.item,S=e.groupSize,N=(0,f.NP)(),I=y.default[w.type];if(void 0===I)throw new Error("component type: '"+w.type+"' not implemented");var A=(0,o.useState)([]),R=(0,r.Z)(A,2),_=R[0],C=R[1],T=(0,o.useState)([]),E=(0,r.Z)(T,2),Z=E[0],L=E[1];(0,o.useEffect)((function(){var e=w.groups.map((function(e){return _objectSpread(_objectSpread({},e),{},{items:w.currentItemsFilter?e.items.filter((0,s.ZP)(w.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),C(n),L(e)}),[w,N.settingsState.itemPalettes]);var D=1===_.length&&"none"===_[0].name,k=w.type.startsWith("SUMMARY")?"":p.pw,G=null!==(n=N.uiState.ViewConfig.settingsSizes)&&void 0!==n?n:{},M=null!==(t=null==G?void 0:G.gapDefault)&&void 0!==t?t:"10px",K=null!==(i=null==G?void 0:G.sizeDefault)&&void 0!==i?i:"300px",F=void 0;if(w.isRenderedNotInSettingPalette&&!w.isRenderedInAccessorieStep)K="240px";else if("SUMMARY_ARTICLES"==w.type||"SUMMARY_OPTIONTREE"===w.type||"SUMMARY_PARTLIST"==w.type||"VARIANTS"==w.type)K="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==w.type||"GAL_BIG"===w.type)K="100px";else if("ACC"==w.type)G.sizeAccessoires&&(K=G.sizeAccessoires);else if("ACC_CONFIG"==w.type)K="100%";else if(w.type.startsWith("GAL_SMALL"))K="60px";else if("RANGE"==w.type)K="100%";else if("GAL"==w.type){var H,z;K=null!==(H=null==G?void 0:G.sizeGallery)&&void 0!==H?H:"80px",M=null!==(z=null==G?void 0:G.gapGallery)&&void 0!==z?z:"10px"}else"PLANNERSWITCH"===w.type?K="170px":"SMALL"===w.type&&N.getIsInMobileView()&&"jungle"==(null===(a=N.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===w.type&&N.productState.shelfPlannerRTV?K="120px":"VERY_SMALL"===w.type?K="48%":"GAL_TEXT"===w.type?K="100px":"GAL_BIG_TEXT"===w.type?K="120px":"GAL_SMALL_TEXT"===w.type&&(K="70px");["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(w.type)&&(F="20px");var V=_objectSpread({"--gridSize":K,"--gridGap":M},F?{"--infoIconSize":F}:{});if(!w.visible)return(0,P.jsx)(P.Fragment,{});switch(w.type){case"TOGGLE":return(0,P.jsx)(m.default,{style:V,item:w,paletteId:w.id});case"TOGGLE_NAME":return(0,P.jsx)(v.default,{style:V,item:w,paletteId:w.id});case"TEXTBOX":return(0,P.jsx)(d.default,{style:V,item:w,paletteId:w.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,P.jsx)(c.default,{style:V,item:w,paletteId:w.id});case"NUMBER":return(0,P.jsx)(I,{paletteId:w.id,item:null===(l=w.groups[0])||void 0===l||null===(l=l.items)||void 0===l?void 0:l[0],groupSize:S},w.id+w.configStepKey);case"SHELFPLANNER":return(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(b,{filteredGroups:_,item:w,id:w.id,style:V},w.id)});case"PRODUCTS":return(0,P.jsx)(O,{item:w});case"PROMOTED":return(0,P.jsx)(x.default,{item:w});case"DOOR_PLANNER":return(0,P.jsx)(o.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(j,{item:w})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var W=(0,P.jsx)(g.default,{item:w,PaletteComponent:I,filteredGroups:Z,id:w.id,showSearchBar:"GAL_GROUP_DROPDOWN"==w.type,contentInnerClassName:k},w.configStepKey);return(0,P.jsx)(h.default,{style:V,item:w,children:W});default:var B;return B=D?(0,P.jsx)("div",{className:k,children:_.map((function(e){return e.items.map((function(e,n){return(0,P.jsx)(I,{paletteType:w.type,paletteId:w.id,item:e},n)}))}))}):(0,P.jsx)(u.default,{groups:_,contentInnerClassName:k,itemPalette:w,PaletteComponent:I}),(0,P.jsx)(h.default,{style:V,item:w,children:B})}}))},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>s,YS:()=>l,ZP:()=>u,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",s="index-module--BZXkK",d="index-module--WUQm2",c="index-module--f88nM";const u=a},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>s,TN:()=>d,ZP:()=>g,eR:()=>p,kA:()=>f,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--nnufv {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--nnufv:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--nnufv: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--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",s="index-module--VyzqQ",d="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const g=a},77113:(e,n,t)=>{t.d(n,{F1:()=>s,Ry:()=>l,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",s="index-module--tgKwN";const d=a},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>l,TN:()=>c,ZN:()=>u,ZP:()=>f,eR:()=>s,pA:()=>m,u2:()=>p});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",s="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",u="index-module--NNRCj",p="index-module--z1OwD",m="index-module--PkMF3";const f=a},98404:(e,n,t)=>{t.d(n,{Z:()=>s,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var l="index-module--hCQUB";const s=a},70410:(e,n,t)=>{t.d(n,{ZP:()=>s,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const s=a},550:(e,n,t)=>{t.d(n,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(43078),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>g.pw});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),f=t.n(m),g=t(70410),x={};x.styleTagTransform=f(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=a(),x.insertStyleElement=p();r()(g.ZP,x),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);