@crystaldesign/diva-web-planner-react 26.12.0-rc.1 → 26.12.0-rc.3

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7442.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,2210,8742,67,7046,8837,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},82210:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(22693),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var j=r(35567),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:b.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),d=(r(87363),r(49944)),l=r(35567),a=r(82210),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,l.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,v=!1,b=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)b?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),b=!0,h=-1;else if(b=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,v=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!v)v=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},N=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(d.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(d.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(d._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:N(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),d=r(22881),l=r(9420),a=r(47514);const c=(0,l.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:d.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:d.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},22667:(t,i,r)=>{r.r(i),r.d(i,{default:()=>z});var o=r(80248),d=r(34988),l=r(65515),a=r.n(l),c=r(35567),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(88683),C=r(58292),T=r(81559),D=r(71442),Z=r(93355),H=r(93536),E=r(41017),M=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var _="undefined"!=typeof Image?new Image(1,1):void 0;_&&(_.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const z=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,l=(t.grids,t.sel),u=(0,c.NP)(),m=(0,N.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,v=h.isMobile,b=h.isTablet,y=(0,x.useState)(""),j=(0,d.Z)(y,2),P=j[0],w=j[1],A=u.productState.useRtvNext||D.j4,S=(0,x.useState)(!1),I=(0,d.Z)(S,2),k=I[0],z=I[1],R=(0,x.useRef)(null),L=(0,x.useRef)({x:0,y:0}),B=(0,x.useRef)({grabX:0,grabY:0,width:0}),K=function positionGhost(t){if(t){var i=B.current;t.style.transform="translate(".concat(L.current.x-i.grabX,"px, ").concat(L.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(k){var t=function onDragOver(t){L.current={x:t.clientX,y:t.clientY},K(R.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[k]);var U={},V={},G=void 0,Y=!1,W={},X=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),q=X[0]&&!k,J=(0,C.sJ)({isOpen:q,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});v||b||u.getViewConfig().hideTooltip||(Y=q,W=X[1],U=J.triggerProps,V=J.layerProps,G=J.renderLayer);var Q=o.name;return(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,l?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!A)},onDoubleClick:A?function(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)}:void 0,draggable:A,onDragStart:function onDragStart(t){if(A){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),_&&t.dataTransfer.setDragImage(_,0,0);var i=t.currentTarget.getBoundingClientRect();B.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},L.current={x:t.clientX,y:t.clientY},z(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)}},onDragEnd:function onDragEnd(){A&&(z(!1),u.paletteViewHandler.endShelfAccessorieDrag())}},U),W),{},{children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,M.jsxs)("div",{className:O.jW,children:[(0,M.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:Q}}),(0,M.jsx)(T.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,M.jsx)(H.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,M.jsx)(E.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),Y&&(null===(i=G)||void 0===i?void 0:i((0,M.jsx)(Z.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:V},o.articleCodex))),k&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,M.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:B.current.width},ref:function ref(t){R.current=t,K(t)},children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,M.jsx)("div",{className:O.jW,children:(0,M.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:Q}})})]}),document.body)]}))}))},48449:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),d=r(34988),l=r(88683),a=r(65515),c=r.n(a),u=r(35567),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(58292),C=r(81559),T=r(93355),D=r(93536),Z=r(41017),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,l.useTranslation)(),g=(0,l.useDivaCore)().state,h=g.hidePrices,v=g.dimensions,b=v.isMobile,y=v.isTablet,j=(0,p.useState)(""),P=(0,d.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,N.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(C.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:l.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(D.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});var o=r(80248),d=r(34988),l=r(79837),a=r(71442),c=(r(87363),r(22881)),u=r(3985),x=r(22667),p=r(48449),m=r(38742),g=r(35567),h=r(65515),v=r.n(h),b=r(9420),y=r(67),j=r(26937),P=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,d=function F(){};return{s:d,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var w=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},A=function isShelfAccessory(t){return"cellSize"in t};const S=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,h,b,S,I,O,k,N,C,T=t.item,D=t.style,Z=t.filteredGroups,H=(0,g.NP)(),E=(null!==(i=null===(r=H.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,M=(null!==(o=null===(h=H.settingsState.settingsScrollerElement)||void 0===h?void 0:h.getBoundingClientRect().width)&&void 0!==o?o:0)-16,_=null!==(b=null==T||null===(S=T.shelfPlannerGrids)||void 0===S?void 0:S.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==T||null===(I=T.shelfPlannerGrids)||void 0===I?void 0:I[0];if(!_)return(0,P.jsx)(P.Fragment,{});var z=(null!==(O=null===(k=Z[0])||void 0===k?void 0:k.items)&&void 0!==O?O:[]).filter(A),R=H.productState.useRtvNext||a.j4,L=R&&"autoPlaceDrag"===l.d?function collapseFamilies(t){var i,r,o=[],d=new Map,l=_createForOfIteratorHelper(t);try{for(l.s();!(i=l.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=d.get(c);void 0===u?(d.set(c,o.length),o.push(a)):w(a)>w(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){l.e(t)}finally{l.f()}return o}(z):z,B=_.ActAccessoire,K=void 0;B&&(K=z.find((function(t){return t.articleCodex==B})));var U=_.getRequiredWarning(H.configState.lang),V=[];if(null!==(N=K)&&void 0!==N&&null!==(N=N.configStepKeys)&&void 0!==N&&N.length)for(var G=function _loop(){var t=K.configStepKeys[Y],i=H.settingsState.itemPaletteArr.find((function(i){var r=(0,d.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;H.settingsState.selectedShelfAccessoire==t.basketId&&V.push(i[1])},Y=0;Y<K.configStepKeys.length;Y++)G();var W=H.getIsInMobileView()&&H.productState.shelfPlannerRTV;return(0,P.jsxs)("div",{ref:function ref(t){return T.htmlRef=t},className:v()(H.productState.shelfPlannerRTV?c.Ev:void 0,"horizontal"==_.Direction?c.dx:c.vU,H.uiState.configSettingsIsExpanded?c.zh:void 0),style:_objectSpread({height:E},D),children:[!H.productState.shelfPlannerRTV&&(0,P.jsx)("div",{className:c.wX,children:(0,P.jsx)("div",{className:c.Zh,children:(0,P.jsx)(m.default,{item:T,direction:_.Direction,width:M,height:E-16-16})})}),U&&(0,P.jsx)("div",{className:c.Kp,dangerouslySetInnerHTML:{__html:U}}),(0,P.jsxs)("div",{className:c.s0,children:[!!V.length&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:c.ne,onClick:function onClick(){return H.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,P.jsx)("div",{className:c.Ah}),(0,P.jsx)("div",{className:c.u2,children:null===(C=K)||void 0===C?void 0:C.name})]}),(0,P.jsx)(j.default,{itemPalettesArr:V})]}),!V.length&&(0,P.jsxs)(P.Fragment,{children:[!W&&(0,P.jsx)(y.default,{selAccItem:K}),(0,P.jsx)("div",{className:v()(c.QL,u.pw),style:{height:"horizontal"==_.Direction?E-80:"",overflow:W?"visible":void 0},children:L.map((function(t,i){var r;return(0,P.jsxs)(P.Fragment,{children:[H.productState.shelfPlannerRTV&&(0,P.jsx)(x.default,{grids:T.shelfPlannerGrids,item:t,sel:t.articleCodex==B||R&&!(null===(r=K)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===K.accessoireFamily},i),!H.productState.shelfPlannerRTV&&(0,P.jsx)(p.default,{grids:T.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},77046:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),d=r(93379),l=r.n(d),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),v=r(44589),b=r.n(v),y=r(91605),j={};j.styleTagTransform=b(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();l()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(35567),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(55563),d=r(35567),l=r(93379),a=r.n(l),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),v=r.n(h),b=r(44589),y=r.n(b),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(77046),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,d.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),d=r(87363),l=r(9420),a=r(55563),c=r(35567),u=r(98837),x=r(77046),p=r(47514);const m=(0,l.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,l=(0,c.NP)(),m=(0,d.useState)([]),g=(0,o.Z)(m,2),h=g[0],v=g[1];return(0,d.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],d=l.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==d?void 0:d.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();v(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>v,ZP:()=>b,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\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--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\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--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\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: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",v="index-module--gYuZ8";const b=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>T,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>D,Zh:()=>w,dx:()=>v,ne:()=>N,o5:()=>I,s0:()=>y,u2:()=>C,um:()=>O,vU:()=>b,wX:()=>P,zh:()=>j});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(d()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+g+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var v="index-module--Bn7HL",b="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",N="index-module--bdb6c",C="index-module--AJXPG",T="index-module--vl80_";const D=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>v,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const v=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>b.Ah,Ev:()=>b.Ev,Kp:()=>b.Kp,QL:()=>b.QL,Zh:()=>b.Zh,dx:()=>b.dx,ne:()=>b.ne,o5:()=>b.o5,s0:()=>b.s0,u2:()=>b.u2,um:()=>b.um,vU:()=>b.vU,wX:()=>b.wX,zh:()=>b.zh});var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(92800),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.ZP,y),b.ZP&&b.ZP.locals&&b.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,2210,8742,67,7046,8837,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},82210:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(22693),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var j=r(91214),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:b.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),d=(r(87363),r(49944)),l=r(91214),a=r(82210),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,l.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,v=!1,b=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)b?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),b=!0,h=-1;else if(b=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,v=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!v)v=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},N=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(d.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(d.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(d._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:N(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),d=r(22881),l=r(9420),a=r(47514);const c=(0,l.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:d.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:d.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},22667:(t,i,r)=>{r.r(i),r.d(i,{default:()=>z});var o=r(80248),d=r(34988),l=r(65515),a=r.n(l),c=r(91214),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(88683),C=r(58292),T=r(81559),D=r(71442),Z=r(93355),H=r(93536),E=r(41017),M=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var _="undefined"!=typeof Image?new Image(1,1):void 0;_&&(_.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const z=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,l=(t.grids,t.sel),u=(0,c.NP)(),m=(0,N.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,v=h.isMobile,b=h.isTablet,y=(0,x.useState)(""),j=(0,d.Z)(y,2),P=j[0],w=j[1],A=u.productState.useRtvNext||D.j4,S=(0,x.useState)(!1),I=(0,d.Z)(S,2),k=I[0],z=I[1],R=(0,x.useRef)(null),L=(0,x.useRef)({x:0,y:0}),B=(0,x.useRef)({grabX:0,grabY:0,width:0}),K=function positionGhost(t){if(t){var i=B.current;t.style.transform="translate(".concat(L.current.x-i.grabX,"px, ").concat(L.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(k){var t=function onDragOver(t){L.current={x:t.clientX,y:t.clientY},K(R.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[k]);var U={},V={},G=void 0,Y=!1,W={},X=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),q=X[0]&&!k,J=(0,C.sJ)({isOpen:q,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});v||b||u.getViewConfig().hideTooltip||(Y=q,W=X[1],U=J.triggerProps,V=J.layerProps,G=J.renderLayer);var Q=o.name;return(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,l?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!A)},onDoubleClick:A?function(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)}:void 0,draggable:A,onDragStart:function onDragStart(t){if(A){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),_&&t.dataTransfer.setDragImage(_,0,0);var i=t.currentTarget.getBoundingClientRect();B.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},L.current={x:t.clientX,y:t.clientY},z(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)}},onDragEnd:function onDragEnd(){A&&(z(!1),u.paletteViewHandler.endShelfAccessorieDrag())}},U),W),{},{children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,M.jsxs)("div",{className:O.jW,children:[(0,M.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:Q}}),(0,M.jsx)(T.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,M.jsx)(H.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,M.jsx)(E.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),Y&&(null===(i=G)||void 0===i?void 0:i((0,M.jsx)(Z.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:V},o.articleCodex))),k&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,M.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:B.current.width},ref:function ref(t){R.current=t,K(t)},children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,M.jsx)("div",{className:O.jW,children:(0,M.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:Q}})})]}),document.body)]}))}))},48449:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),d=r(34988),l=r(88683),a=r(65515),c=r.n(a),u=r(91214),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(58292),C=r(81559),T=r(93355),D=r(93536),Z=r(41017),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,l.useTranslation)(),g=(0,l.useDivaCore)().state,h=g.hidePrices,v=g.dimensions,b=v.isMobile,y=v.isTablet,j=(0,p.useState)(""),P=(0,d.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,N.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(C.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:l.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(D.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});var o=r(80248),d=r(34988),l=r(79837),a=r(71442),c=(r(87363),r(22881)),u=r(3985),x=r(22667),p=r(48449),m=r(38742),g=r(91214),h=r(65515),v=r.n(h),b=r(9420),y=r(67),j=r(26937),P=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,d=function F(){};return{s:d,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var w=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},A=function isShelfAccessory(t){return"cellSize"in t};const S=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,h,b,S,I,O,k,N,C,T=t.item,D=t.style,Z=t.filteredGroups,H=(0,g.NP)(),E=(null!==(i=null===(r=H.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,M=(null!==(o=null===(h=H.settingsState.settingsScrollerElement)||void 0===h?void 0:h.getBoundingClientRect().width)&&void 0!==o?o:0)-16,_=null!==(b=null==T||null===(S=T.shelfPlannerGrids)||void 0===S?void 0:S.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==T||null===(I=T.shelfPlannerGrids)||void 0===I?void 0:I[0];if(!_)return(0,P.jsx)(P.Fragment,{});var z=(null!==(O=null===(k=Z[0])||void 0===k?void 0:k.items)&&void 0!==O?O:[]).filter(A),R=H.productState.useRtvNext||a.j4,L=R&&"autoPlaceDrag"===l.d?function collapseFamilies(t){var i,r,o=[],d=new Map,l=_createForOfIteratorHelper(t);try{for(l.s();!(i=l.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=d.get(c);void 0===u?(d.set(c,o.length),o.push(a)):w(a)>w(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){l.e(t)}finally{l.f()}return o}(z):z,B=_.ActAccessoire,K=void 0;B&&(K=z.find((function(t){return t.articleCodex==B})));var U=_.getRequiredWarning(H.configState.lang),V=[];if(null!==(N=K)&&void 0!==N&&null!==(N=N.configStepKeys)&&void 0!==N&&N.length)for(var G=function _loop(){var t=K.configStepKeys[Y],i=H.settingsState.itemPaletteArr.find((function(i){var r=(0,d.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;H.settingsState.selectedShelfAccessoire==t.basketId&&V.push(i[1])},Y=0;Y<K.configStepKeys.length;Y++)G();var W=H.getIsInMobileView()&&H.productState.shelfPlannerRTV;return(0,P.jsxs)("div",{ref:function ref(t){return T.htmlRef=t},className:v()(H.productState.shelfPlannerRTV?c.Ev:void 0,"horizontal"==_.Direction?c.dx:c.vU,H.uiState.configSettingsIsExpanded?c.zh:void 0),style:_objectSpread({height:E},D),children:[!H.productState.shelfPlannerRTV&&(0,P.jsx)("div",{className:c.wX,children:(0,P.jsx)("div",{className:c.Zh,children:(0,P.jsx)(m.default,{item:T,direction:_.Direction,width:M,height:E-16-16})})}),U&&(0,P.jsx)("div",{className:c.Kp,dangerouslySetInnerHTML:{__html:U}}),(0,P.jsxs)("div",{className:c.s0,children:[!!V.length&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:c.ne,onClick:function onClick(){return H.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,P.jsx)("div",{className:c.Ah}),(0,P.jsx)("div",{className:c.u2,children:null===(C=K)||void 0===C?void 0:C.name})]}),(0,P.jsx)(j.default,{itemPalettesArr:V})]}),!V.length&&(0,P.jsxs)(P.Fragment,{children:[!W&&(0,P.jsx)(y.default,{selAccItem:K}),(0,P.jsx)("div",{className:v()(c.QL,u.pw),style:{height:"horizontal"==_.Direction?E-80:"",overflow:W?"visible":void 0},children:L.map((function(t,i){var r;return(0,P.jsxs)(P.Fragment,{children:[H.productState.shelfPlannerRTV&&(0,P.jsx)(x.default,{grids:T.shelfPlannerGrids,item:t,sel:t.articleCodex==B||R&&!(null===(r=K)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===K.accessoireFamily},i),!H.productState.shelfPlannerRTV&&(0,P.jsx)(p.default,{grids:T.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},77046:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),d=r(93379),l=r.n(d),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),v=r(44589),b=r.n(v),y=r(91605),j={};j.styleTagTransform=b(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();l()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(91214),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(55563),d=r(91214),l=r(93379),a=r.n(l),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),v=r.n(h),b=r(44589),y=r.n(b),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(77046),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,d.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),d=r(87363),l=r(9420),a=r(55563),c=r(91214),u=r(98837),x=r(77046),p=r(47514);const m=(0,l.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,l=(0,c.NP)(),m=(0,d.useState)([]),g=(0,o.Z)(m,2),h=g[0],v=g[1];return(0,d.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],d=l.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==d?void 0:d.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();v(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>v,ZP:()=>b,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\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--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\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--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\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: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",v="index-module--gYuZ8";const b=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>T,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>D,Zh:()=>w,dx:()=>v,ne:()=>N,o5:()=>I,s0:()=>y,u2:()=>C,um:()=>O,vU:()=>b,wX:()=>P,zh:()=>j});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(d()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+g+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var v="index-module--Bn7HL",b="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",N="index-module--bdb6c",C="index-module--AJXPG",T="index-module--vl80_";const D=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>v,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const v=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>b.Ah,Ev:()=>b.Ev,Kp:()=>b.Kp,QL:()=>b.QL,Zh:()=>b.Zh,dx:()=>b.dx,ne:()=>b.ne,o5:()=>b.o5,s0:()=>b.s0,u2:()=>b.u2,um:()=>b.um,vU:()=>b.vU,wX:()=>b.wX,zh:()=>b.zh});var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(92800),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.ZP,y),b.ZP&&b.ZP.locals&&b.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7449.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,4184,1017,9437],{74184:(o,i,t)=>{t.r(i),t.d(i,{default:()=>D});var r=t(72874),d=(t(87363),t(93379)),a=t.n(d),l=t(7795),c=t.n(l),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),g=t(19216),v=t.n(g),C=t(44589),h=t.n(C),b=t(8368),w={};w.styleTagTransform=h(),w.setAttributes=x(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=t(65515),I=t.n(k),Z=t(47514),A=["onClick","iconAsDelete","open"];const D=function Arrow(o){var i=o.onClick,t=o.iconAsDelete,d=o.open,a=(0,r.Z)(o,A);return(0,Z.jsx)("span",{onClick:i,onTouchEnd:i,className:I()(b.xX,t?b.zl:void 0,t?void 0:d?b.h1:b.Oe,a.className)})}},41017:(o,i,t)=>{t.r(i),t.d(i,{default:()=>y});var r=t(34988),d=t(93379),a=t.n(d),l=t(7795),c=t.n(l),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),g=t(19216),v=t.n(g),C=t(44589),h=t.n(C),b=t(23240),w={};w.styleTagTransform=h(),w.setAttributes=x(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=t(87363),I=t(35567),Z=t(65515),A=t.n(Z),D=t(9420),N=t(47514);const y=(0,D.Pi)((function InfoIcon(o){var i,t,d,a=o.item,l=o.style,c=(0,I.NP)(),u=a.contentItemId,p=null!==(i=null!==(t=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==t?t:a.title)&&void 0!==i?i:a.key,m=(0,k.useState)(!1),x=(0,r.Z)(m,2),g=x[0],v=x[1],C=a.sel||g;if((0,k.useEffect)((function(){var o=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!o&&g&&v(!1),o&&!g&&v(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var o;return!a.op||null===(o=c.uiState.ViewConfig.infoIconSettings)||void 0===o||!o.onlyShowSelectedOPV||C}()?(0,N.jsx)("div",{className:b.um,onClick:function onClick(o){c.settingsState.onClickContentItemId(u,p),v(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),o.stopPropagation()},style:l,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:A()(b.hv,C?void 0:b.al,g?b.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:A()(b.dA,C?b.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},35464:(o,i,t)=>{t.r(i),t.d(i,{default:()=>O});var r=t(34988),d=t(87363),a=t(65515),l=t.n(a),c=t(16008),u=t(75275),p=t(88683),m=t(35567),x=t(93379),g=t.n(x),v=t(7795),C=t.n(v),h=t(90569),b=t.n(h),w=t(3565),k=t.n(w),I=t(19216),Z=t.n(I),A=t(44589),D=t.n(A),N=t(8441),y={};y.styleTagTransform=D(),y.setAttributes=k(),y.insert=b().bind(null,"head"),y.domAPI=C(),y.insertStyleElement=Z();g()(N.ZP,y);N.ZP&&N.ZP.locals&&N.ZP.locals;var j=t(27058),E=t(47514),P=(0,p.getLogger)("Planner","ReverseCheck");const O=function ReverseCheck(o){var i=o.item,t=o.paletteId,a=(0,m.NP)(),x=(0,p.useTranslation)().t,g=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,v=(0,d.useState)(null),C=(0,r.Z)(v,2),h=C[0],b=C[1],w=(0,d.useState)(!1),k=(0,r.Z)(w,2),I=k[0],Z=k[1];(0,d.useEffect)((function(){var o=!0;return g?(Z(!0),g.promise.then((function(i){o&&b(i.reversingCheck)})).catch((function(o){P.error(new j.GE("Error loading reversing check:",{cause:o}))})).finally((function(){o&&Z(!1)}))):b(null),function(){o=!1}}),[g]);return g?I?(0,E.jsx)("div",{className:l()(N.Nh,N.V_),children:(0,E.jsx)("div",{className:N.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,E.jsx)("div",{className:l()(N.Nh,N.IN,N.A4),onClick:function handleBlockedClick(o){var i;o.stopPropagation();var t=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(i=a.actions)||void 0===i||i.openModal({title:x("configurator.reverseCheck.blocked.title"),text:x("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,E.jsx)(c.Z,{className:N.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,E.jsx)("div",{className:l()(N.Nh,N.J9),onClick:function handleWarningClick(o){var r;o.stopPropagation();var d=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(r=a.actions)||void 0===r||r.openModal({title:x("configurator.reverseCheck.warning.title"),text:x("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(o){o&&a.paletteViewHandler.clickedOnConfigPalette(i,void 0,t)}})},children:(0,E.jsx)(u.Z,{className:N.tO})}):(0,E.jsx)(E.Fragment,{}):(0,E.jsx)(E.Fragment,{}):(0,E.jsx)(E.Fragment,{})}},49437:(o,i,t)=>{t.r(i),t.d(i,{default:()=>Z});var r=t(9420),d=t(74184),a=(t(87363),t(93379)),l=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),g=t.n(x),v=t(19216),C=t.n(v),h=t(44589),b=t.n(h),w=t(30827),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=m().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=C();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const Z=(0,r.Pi)((function MobileDropdown(o){var i=o.onChange,t=o.mobileOptions,r=o.selectedOption,a=o.id;return(0,I.jsxs)("div",{className:w.Nu,id:a,children:[(0,I.jsx)(d.default,{open:!1,className:w.x7}),(0,I.jsx)("select",{className:w.Ys,onChange:i,value:r,children:t.map((function(o){return(0,I.jsx)("option",{value:o.codex,dangerouslySetInnerHTML:{__html:o.text+(o.price?"  -  "+o.price:"")}},o.codex)}))})]})}))},7449:(o,i,t)=>{t.r(i),t.d(i,{default:()=>_});var r=t(34988),d=t(74133),a=t(93379),l=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),g=t.n(x),v=t(19216),C=t.n(v),h=t(44589),b=t.n(h),w=t(42550),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=m().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=C();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(88683),Z=t(35567),A=t(87363),D=t(10304),N=t(49437),y=t(9420),j=t(41017),E=t(93536),P=t(35464),O=t(47514);function _createForOfIteratorHelper(o,i){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=function _unsupportedIterableToArray(o,i){if(o){if("string"==typeof o)return _arrayLikeToArray(o,i);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(o,i):void 0}}(o))||i&&o&&"number"==typeof o.length){t&&(o=t);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){t=t.call(o)},n:function n(){var o=t.next();return l=o.done,o},e:function e(o){c=!0,a=o},f:function f(){try{l||null==t.return||t.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(o,i){(null==i||i>o.length)&&(i=o.length);for(var t=0,r=Array(i);t<i;t++)r[t]=o[t];return r}const _=(0,y.Pi)((function DropDowmText(o){var i,t=o.item,a=o.paletteId,l=o.style,c=(0,Z.NP)(),u=(0,I.useDivaCore)().state.dimensions.isMobile,p=(0,A.useState)(void 0),m=(0,r.Z)(p,2),x=m[0],g=m[1],v=(0,A.useState)([]),C=(0,r.Z)(v,2),h=C[0],b=C[1],k=(0,A.useState)(void 0),y=(0,r.Z)(k,2),_=y[0],S=y[1],z=(0,A.useState)([]),T=(0,r.Z)(z,2),V=T[0],B=T[1],M=(0,A.useState)(void 0),L=(0,r.Z)(M,2),R=L[0],W=L[1],G=(0,A.useState)([]),q=(0,r.Z)(G,2),H=q[0],U=q[1],J=(0,A.useState)(void 0),Y=(0,r.Z)(J,2),K=Y[0],Q=Y[1];(0,A.useEffect)((function(){var o=t.groups.flatMap((function(o){return o.items}));b(o);var i=o.find((function(o){return o.sel}));x!==(null==i?void 0:i.text)&&g(null==i?void 0:i.text),S(i)}),[t]);(0,A.useEffect)((function(){var o=h.find((function(o){return o.codex==x}));o&&(Q({label:(0,O.jsx)("div",{className:w.PS,children:o.text}),value:o.codex}),c.paletteViewHandler.clickedOnConfigPalette(o,void 0,a))}),[x]),(0,A.useEffect)((function(){var o,i=[],t=void 0,r=[],d=_createForOfIteratorHelper(h);try{for(d.s();!(o=d.n()).done;){var l=o.value;i.push({text:l.text,codex:l.codex});var c={label:(0,O.jsxs)("div",{className:w.PS,children:[l.text,void 0!==l.pricePreviewPromise&&(0,O.jsx)(E.default,{asyncPricePreview:l.pricePreviewPromise,sel:l.sel}),void 0!==l.checkForReversingChanges&&(0,O.jsx)(P.default,{item:l,paletteId:a})]}),text:l.text,value:l.codex};l.sel&&(Q(c),t=l.codex),r.push(c)}}catch(o){d.e(o)}finally{d.f()}U(r),B(i),W(t)}),[h]);var X=!1;if(a){var $=c.settingsState.itemPalettes.get(a+1);null!=$&&$.visible||(X=!0)}return(0,O.jsxs)("div",{ref:function ref(o){return t.htmlRef=o},style:l,className:w.YS,children:[(0,O.jsxs)("div",{className:w.aW,children:[(0,O.jsx)(d.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),(null===(i=t.selectedElements)||void 0===i?void 0:i[0].contentItemId)&&(0,O.jsx)(j.default,{item:t.selectedElements[0],style:{position:"relative",bottom:-16}},t.selectedElements[0].codex)]}),u?(0,O.jsx)(N.default,{id:"wcConfigurator-mobiledropdown-"+t.id,onChange:function onChangeMobile(o){g(o.target.value)},mobileOptions:V,selectedOption:R}):(0,O.jsx)(D.Z,{className:"wcConfigurator-dropdown-"+t.id,controlClassName:w.XF,menuClassName:w.fF,options:H,value:K,onChange:function onChange(o){g(o.value)}}),"DROPDOWN_IMAGE"==t.type&&(null==_?void 0:_.image)&&(0,O.jsx)("img",{className:w.BH,src:_.image.replace("_gal.",".")}),X&&(0,O.jsx)("div",{style:{height:32*H.length+10}})]})}))},8368:(o,i,t)=>{t.d(i,{Oe:()=>w,ZP:()=>k,h1:()=>b,xX:()=>C,zl:()=>h});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a),c=t(61667),u=t.n(c),p=new URL(t(49797),t.b),m=new URL(t(24827),t.b),x=l()(d()),g=u()(p),v=u()(m);x.push([o.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+g+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+v+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+v+");\n}\n",""]);var C="index-module--kpDq_",h="index-module--qA_2S",b="index-module--GLLUM",w="index-module--ctBIw";const k=x},23240:(o,i,t)=>{t.d(i,{FJ:()=>x,Oq:()=>m,ZP:()=>C,al:()=>v,dA:()=>p,fL:()=>g,hv:()=>u,um:()=>c});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",m="index-module--fLFjU",x="index-module--nTN4r",g="index-module--FaRqp",v="index-module--oBSZj";const C=l},8441:(o,i,t)=>{t.d(i,{A4:()=>p,IN:()=>u,J9:()=>C,Nh:()=>c,V_:()=>m,ZP:()=>h,lY:()=>x,tL:()=>g,tO:()=>v});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",m="index-module--CTeV9",x="index-module--j1YrR",g="index-module--bG0Fi",v="index-module--Ej4oh",C="index-module--lFAqA";const h=l},30827:(o,i,t)=>{t.d(i,{Nu:()=>c,Ys:()=>u,ZP:()=>m,x7:()=>p});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--nn0m1 {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.index-module--NcbdU {\n  outline: none !important;\n}\n\n.index-module--NcbdU {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--IHgzx {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var c="index-module--nn0m1",u="index-module--NcbdU",p="index-module--IHgzx";const m=l},42550:(o,i,t)=>{t.d(i,{BH:()=>m,PS:()=>x,XF:()=>u,YS:()=>g,ZP:()=>v,aW:()=>c,fF:()=>p});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--qmzWi {\n  display: flex;\n  position: relative;\n}\n.index-module--LBog6 {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.index-module--LBog6 {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.index-module--LBog6 > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.index-module--IaJ0L {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.index-module--IaJ0L .index-module--fBAeT {\n  white-space: nowrap;\n}\n\n.index-module--iIiA1 {\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--NgiFc {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.index-module--LmjEj {\n  width: 50%;\n  margin: 15px;\n}\n\n.index-module--XjFp1 {\n  width: 45%;\n}\n\n.index-module--WIgJR {\n  position: relative;\n  padding-right: 64px;\n}\n\n.index-module--iZO2k .Dropdown-root {\n  position: relative;\n}\n\n.index-module--iZO2k .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--IBlwg .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--ucjVI .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--iZO2k .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--iZO2k .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--iZO2k .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--iZO2k .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--iZO2k .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--iZO2k .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--iZO2k .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--iZO2k .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--LBog6,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--LBog6 {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--NgiFc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--NgiFc {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-control,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .is-open .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option.is-selected,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n",""]);var c="index-module--qmzWi",u="index-module--LBog6",p="index-module--IaJ0L",m="index-module--XjFp1",x="index-module--WIgJR",g="index-module--iZO2k";const v=l},49797:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,4184,1017,9437],{74184:(o,i,t)=>{t.r(i),t.d(i,{default:()=>D});var r=t(72874),d=(t(87363),t(93379)),a=t.n(d),l=t(7795),c=t.n(l),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),g=t(19216),v=t.n(g),C=t(44589),h=t.n(C),b=t(8368),w={};w.styleTagTransform=h(),w.setAttributes=x(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=t(65515),I=t.n(k),Z=t(47514),A=["onClick","iconAsDelete","open"];const D=function Arrow(o){var i=o.onClick,t=o.iconAsDelete,d=o.open,a=(0,r.Z)(o,A);return(0,Z.jsx)("span",{onClick:i,onTouchEnd:i,className:I()(b.xX,t?b.zl:void 0,t?void 0:d?b.h1:b.Oe,a.className)})}},41017:(o,i,t)=>{t.r(i),t.d(i,{default:()=>y});var r=t(34988),d=t(93379),a=t.n(d),l=t(7795),c=t.n(l),u=t(90569),p=t.n(u),m=t(3565),x=t.n(m),g=t(19216),v=t.n(g),C=t(44589),h=t.n(C),b=t(23240),w={};w.styleTagTransform=h(),w.setAttributes=x(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=t(87363),I=t(91214),Z=t(65515),A=t.n(Z),D=t(9420),N=t(47514);const y=(0,D.Pi)((function InfoIcon(o){var i,t,d,a=o.item,l=o.style,c=(0,I.NP)(),u=a.contentItemId,p=null!==(i=null!==(t=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==t?t:a.title)&&void 0!==i?i:a.key,m=(0,k.useState)(!1),x=(0,r.Z)(m,2),g=x[0],v=x[1],C=a.sel||g;if((0,k.useEffect)((function(){var o=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!o&&g&&v(!1),o&&!g&&v(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var o;return!a.op||null===(o=c.uiState.ViewConfig.infoIconSettings)||void 0===o||!o.onlyShowSelectedOPV||C}()?(0,N.jsx)("div",{className:b.um,onClick:function onClick(o){c.settingsState.onClickContentItemId(u,p),v(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),o.stopPropagation()},style:l,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:A()(b.hv,C?void 0:b.al,g?b.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:A()(b.dA,C?b.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},35464:(o,i,t)=>{t.r(i),t.d(i,{default:()=>O});var r=t(34988),d=t(87363),a=t(65515),l=t.n(a),c=t(16008),u=t(75275),p=t(88683),m=t(91214),x=t(93379),g=t.n(x),v=t(7795),C=t.n(v),h=t(90569),b=t.n(h),w=t(3565),k=t.n(w),I=t(19216),Z=t.n(I),A=t(44589),D=t.n(A),N=t(8441),y={};y.styleTagTransform=D(),y.setAttributes=k(),y.insert=b().bind(null,"head"),y.domAPI=C(),y.insertStyleElement=Z();g()(N.ZP,y);N.ZP&&N.ZP.locals&&N.ZP.locals;var j=t(27058),E=t(47514),P=(0,p.getLogger)("Planner","ReverseCheck");const O=function ReverseCheck(o){var i=o.item,t=o.paletteId,a=(0,m.NP)(),x=(0,p.useTranslation)().t,g=void 0!==i.pricePreviewPromise?i.pricePreviewPromise:void 0,v=(0,d.useState)(null),C=(0,r.Z)(v,2),h=C[0],b=C[1],w=(0,d.useState)(!1),k=(0,r.Z)(w,2),I=k[0],Z=k[1];(0,d.useEffect)((function(){var o=!0;return g?(Z(!0),g.promise.then((function(i){o&&b(i.reversingCheck)})).catch((function(o){P.error(new j.GE("Error loading reversing check:",{cause:o}))})).finally((function(){o&&Z(!1)}))):b(null),function(){o=!1}}),[g]);return g?I?(0,E.jsx)("div",{className:l()(N.Nh,N.V_),children:(0,E.jsx)("div",{className:N.lY})}):h&&h.hasReversingChanges?"BLOCK"===h.checkingForReversingChanges?(0,E.jsx)("div",{className:l()(N.Nh,N.IN,N.A4),onClick:function handleBlockedClick(o){var i;o.stopPropagation();var t=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(i=a.actions)||void 0===i||i.openModal({title:x("configurator.reverseCheck.blocked.title"),text:x("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,E.jsx)(c.Z,{className:N.tL,id:"blocked-icon"})}):"WARN"===h.checkingForReversingChanges?(0,E.jsx)("div",{className:l()(N.Nh,N.J9),onClick:function handleWarningClick(o){var r;o.stopPropagation();var d=Object.values((null==h?void 0:h.reversingVariantValues)||{}).map((function(o){return o.label})).join(", ");null===(r=a.actions)||void 0===r||r.openModal({title:x("configurator.reverseCheck.warning.title"),text:x("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(o){o&&a.paletteViewHandler.clickedOnConfigPalette(i,void 0,t)}})},children:(0,E.jsx)(u.Z,{className:N.tO})}):(0,E.jsx)(E.Fragment,{}):(0,E.jsx)(E.Fragment,{}):(0,E.jsx)(E.Fragment,{})}},49437:(o,i,t)=>{t.r(i),t.d(i,{default:()=>Z});var r=t(9420),d=t(74184),a=(t(87363),t(93379)),l=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),g=t.n(x),v=t(19216),C=t.n(v),h=t(44589),b=t.n(h),w=t(30827),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=m().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=C();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const Z=(0,r.Pi)((function MobileDropdown(o){var i=o.onChange,t=o.mobileOptions,r=o.selectedOption,a=o.id;return(0,I.jsxs)("div",{className:w.Nu,id:a,children:[(0,I.jsx)(d.default,{open:!1,className:w.x7}),(0,I.jsx)("select",{className:w.Ys,onChange:i,value:r,children:t.map((function(o){return(0,I.jsx)("option",{value:o.codex,dangerouslySetInnerHTML:{__html:o.text+(o.price?"  -  "+o.price:"")}},o.codex)}))})]})}))},7449:(o,i,t)=>{t.r(i),t.d(i,{default:()=>_});var r=t(34988),d=t(74133),a=t(93379),l=t.n(a),c=t(7795),u=t.n(c),p=t(90569),m=t.n(p),x=t(3565),g=t.n(x),v=t(19216),C=t.n(v),h=t(44589),b=t.n(h),w=t(42550),k={};k.styleTagTransform=b(),k.setAttributes=g(),k.insert=m().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=C();l()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(88683),Z=t(91214),A=t(87363),D=t(10304),N=t(49437),y=t(9420),j=t(41017),E=t(93536),P=t(35464),O=t(47514);function _createForOfIteratorHelper(o,i){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=function _unsupportedIterableToArray(o,i){if(o){if("string"==typeof o)return _arrayLikeToArray(o,i);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(o,i):void 0}}(o))||i&&o&&"number"==typeof o.length){t&&(o=t);var r=0,d=function F(){};return{s:d,n:function n(){return r>=o.length?{done:!0}:{done:!1,value:o[r++]}},e:function e(o){throw o},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){t=t.call(o)},n:function n(){var o=t.next();return l=o.done,o},e:function e(o){c=!0,a=o},f:function f(){try{l||null==t.return||t.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(o,i){(null==i||i>o.length)&&(i=o.length);for(var t=0,r=Array(i);t<i;t++)r[t]=o[t];return r}const _=(0,y.Pi)((function DropDowmText(o){var i,t=o.item,a=o.paletteId,l=o.style,c=(0,Z.NP)(),u=(0,I.useDivaCore)().state.dimensions.isMobile,p=(0,A.useState)(void 0),m=(0,r.Z)(p,2),x=m[0],g=m[1],v=(0,A.useState)([]),C=(0,r.Z)(v,2),h=C[0],b=C[1],k=(0,A.useState)(void 0),y=(0,r.Z)(k,2),_=y[0],S=y[1],z=(0,A.useState)([]),T=(0,r.Z)(z,2),V=T[0],B=T[1],M=(0,A.useState)(void 0),L=(0,r.Z)(M,2),R=L[0],W=L[1],G=(0,A.useState)([]),q=(0,r.Z)(G,2),H=q[0],U=q[1],J=(0,A.useState)(void 0),Y=(0,r.Z)(J,2),K=Y[0],Q=Y[1];(0,A.useEffect)((function(){var o=t.groups.flatMap((function(o){return o.items}));b(o);var i=o.find((function(o){return o.sel}));x!==(null==i?void 0:i.text)&&g(null==i?void 0:i.text),S(i)}),[t]);(0,A.useEffect)((function(){var o=h.find((function(o){return o.codex==x}));o&&(Q({label:(0,O.jsx)("div",{className:w.PS,children:o.text}),value:o.codex}),c.paletteViewHandler.clickedOnConfigPalette(o,void 0,a))}),[x]),(0,A.useEffect)((function(){var o,i=[],t=void 0,r=[],d=_createForOfIteratorHelper(h);try{for(d.s();!(o=d.n()).done;){var l=o.value;i.push({text:l.text,codex:l.codex});var c={label:(0,O.jsxs)("div",{className:w.PS,children:[l.text,void 0!==l.pricePreviewPromise&&(0,O.jsx)(E.default,{asyncPricePreview:l.pricePreviewPromise,sel:l.sel}),void 0!==l.checkForReversingChanges&&(0,O.jsx)(P.default,{item:l,paletteId:a})]}),text:l.text,value:l.codex};l.sel&&(Q(c),t=l.codex),r.push(c)}}catch(o){d.e(o)}finally{d.f()}U(r),B(i),W(t)}),[h]);var X=!1;if(a){var $=c.settingsState.itemPalettes.get(a+1);null!=$&&$.visible||(X=!0)}return(0,O.jsxs)("div",{ref:function ref(o){return t.htmlRef=o},style:l,className:w.YS,children:[(0,O.jsxs)("div",{className:w.aW,children:[(0,O.jsx)(d.default,{isInScroller:!0,isSettingsHeader:!1,item:t}),(null===(i=t.selectedElements)||void 0===i?void 0:i[0].contentItemId)&&(0,O.jsx)(j.default,{item:t.selectedElements[0],style:{position:"relative",bottom:-16}},t.selectedElements[0].codex)]}),u?(0,O.jsx)(N.default,{id:"wcConfigurator-mobiledropdown-"+t.id,onChange:function onChangeMobile(o){g(o.target.value)},mobileOptions:V,selectedOption:R}):(0,O.jsx)(D.Z,{className:"wcConfigurator-dropdown-"+t.id,controlClassName:w.XF,menuClassName:w.fF,options:H,value:K,onChange:function onChange(o){g(o.value)}}),"DROPDOWN_IMAGE"==t.type&&(null==_?void 0:_.image)&&(0,O.jsx)("img",{className:w.BH,src:_.image.replace("_gal.",".")}),X&&(0,O.jsx)("div",{style:{height:32*H.length+10}})]})}))},8368:(o,i,t)=>{t.d(i,{Oe:()=>w,ZP:()=>k,h1:()=>b,xX:()=>C,zl:()=>h});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a),c=t(61667),u=t.n(c),p=new URL(t(49797),t.b),m=new URL(t(24827),t.b),x=l()(d()),g=u()(p),v=u()(m);x.push([o.id,".index-module--kpDq_ {\n  transition:\n    transform 0.35s ease,\n    width 0.5s ease,\n    height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 7px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+g+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+v+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+v+");\n}\n",""]);var C="index-module--kpDq_",h="index-module--qA_2S",b="index-module--GLLUM",w="index-module--ctBIw";const k=x},23240:(o,i,t)=>{t.d(i,{FJ:()=>x,Oq:()=>m,ZP:()=>C,al:()=>v,dA:()=>p,fL:()=>g,hv:()=>u,um:()=>c});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",m="index-module--fLFjU",x="index-module--nTN4r",g="index-module--FaRqp",v="index-module--oBSZj";const C=l},8441:(o,i,t)=>{t.d(i,{A4:()=>p,IN:()=>u,J9:()=>C,Nh:()=>c,V_:()=>m,ZP:()=>h,lY:()=>x,tL:()=>g,tO:()=>v});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",p="index-module--oyt7q",m="index-module--CTeV9",x="index-module--j1YrR",g="index-module--bG0Fi",v="index-module--Ej4oh",C="index-module--lFAqA";const h=l},30827:(o,i,t)=>{t.d(i,{Nu:()=>c,Ys:()=>u,ZP:()=>m,x7:()=>p});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--nn0m1 {\n  position: relative;\n  width: calc(100% - 16px);\n}\n\n.index-module--NcbdU {\n  outline: none !important;\n}\n\n.index-module--NcbdU {\n  position: relative;\n  font-size: 16px;\n  color: #111;\n  line-height: 20px;\n  height: 30px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  width: calc(100% - 16px);\n  border: 1px solid var(--select-border);\n  border-radius: 3px;\n  padding: 4px 8px;\n  cursor: pointer;\n  background-color: #fff;\n  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);\n}\n\n.index-module--IHgzx {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  z-index: 10;\n  pointer-events: none;\n}\n",""]);var c="index-module--nn0m1",u="index-module--NcbdU",p="index-module--IHgzx";const m=l},42550:(o,i,t)=>{t.d(i,{BH:()=>m,PS:()=>x,XF:()=>u,YS:()=>g,ZP:()=>v,aW:()=>c,fF:()=>p});var r=t(8081),d=t.n(r),a=t(23645),l=t.n(a)()(d());l.push([o.id,".index-module--qmzWi {\n  display: flex;\n  position: relative;\n}\n.index-module--LBog6 {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.index-module--LBog6 {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.index-module--LBog6 > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.index-module--IaJ0L {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.index-module--IaJ0L .index-module--fBAeT {\n  white-space: nowrap;\n}\n\n.index-module--iIiA1 {\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--NgiFc {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.index-module--LmjEj {\n  width: 50%;\n  margin: 15px;\n}\n\n.index-module--XjFp1 {\n  width: 45%;\n}\n\n.index-module--WIgJR {\n  position: relative;\n  padding-right: 64px;\n}\n\n.index-module--iZO2k .Dropdown-root {\n  position: relative;\n}\n\n.index-module--iZO2k .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.index-module--IBlwg .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--ucjVI .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--iZO2k .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--iZO2k .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--iZO2k .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--iZO2k .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--iZO2k .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--iZO2k .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--iZO2k .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--iZO2k .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--LBog6,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--LBog6 {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--NgiFc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--NgiFc {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-control,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .is-open .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--iZO2k .Dropdown-option.is-selected,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--iZO2k .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n",""]);var c="index-module--qmzWi",u="index-module--LBog6",p="index-module--IaJ0L",m="index-module--XjFp1",x="index-module--WIgJR",g="index-module--iZO2k";const v=l},49797:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:o=>{o.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7472.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7472,4572,8882,7887],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(55859),r=t(35567),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings())&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings(!0),selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},54572:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(35567),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),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}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(35567),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},58882:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(35567),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:i("checkout.appointment.preview.ctaSubtext")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(35567),l=t(88683),s=t(48133),c=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 u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},77887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(35567),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l,s=(0,r.useTranslation)().t,c=(0,C.NP)(),u=(0,r.useDivaCore)().state.hidePrices,m=(0,a.useState)(Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100),p=(0,i.Z)(m,2),x=p[0],h=p[1];(0,a.useEffect)((function(){var e=Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100;e!==x&&h(e)}),[c.productState.formatedCurSetPrice,c.productState.formatedBruttoPrice]);var v=void 0!==c.productState.formatedBruttoPrice&&!c.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,c.getIsInMobileView()?b.ai:void 0,v?b.y6:void 0,(null!==(n=null===(t=c.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:s(null!==(o=c.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!u&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(d=c.productState.formatedBruttoPrice)&&void 0!==d?d:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(l=c.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),v&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:x,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},27472:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(54572),d=t(35567),l=t(77887),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(58882),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo,"checkout-wrapper-sticky"),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 8;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 8px 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7472,4572,8882,7887],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(55859),r=t(91214),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings())&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings(!0),selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},54572:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(91214),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),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}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(91214),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},58882:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(91214),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:i("checkout.appointment.preview.ctaSubtext")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(91214),l=t(88683),s=t(48133),c=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 u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},77887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(91214),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l,s=(0,r.useTranslation)().t,c=(0,C.NP)(),u=(0,r.useDivaCore)().state.hidePrices,m=(0,a.useState)(Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100),p=(0,i.Z)(m,2),x=p[0],h=p[1];(0,a.useEffect)((function(){var e=Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100;e!==x&&h(e)}),[c.productState.formatedCurSetPrice,c.productState.formatedBruttoPrice]);var v=void 0!==c.productState.formatedBruttoPrice&&!c.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,c.getIsInMobileView()?b.ai:void 0,v?b.y6:void 0,(null!==(n=null===(t=c.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:s(null!==(o=c.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!u&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(d=c.productState.formatedBruttoPrice)&&void 0!==d?d:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(l=c.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),v&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:x,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},27472:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(54572),d=t(91214),l=t(77887),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(58882),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo,"checkout-wrapper-sticky"),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 8;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 8px 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7529.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7529],{67529:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var i=o(65515),d=o.n(i),t=o(35567),r=o(9420),l=o(87363),a=o(88683),u=o(93379),s=o.n(u),c=o(7795),x=o.n(c),m=o(90569),p=o.n(m),b=o(3565),g=o.n(b),h=o(19216),k=o.n(h),v=o(44589),G=o.n(v),w=o(39202),f={};f.styleTagTransform=G(),f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=x(),f.insertStyleElement=k();s()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=o(47514);const I=(0,r.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,t.NP)(),i=(0,a.useTranslation)().t,r=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var s=e.posNr==(null==u?void 0:u.posNr);return(0,y.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(w.TI,o.uiState.isMobilePortrait?w.tW:void 0,o.uiState.isTablet?w.Mq:void 0,e.title==(null==u?void 0:u.title)&&s?w.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&s?void 0:w.to),children:[o.uiState.isMobilePortrait?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)("span",{className:d()(w.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>b,Mq:()=>p,TI:()=>x,ZP:()=>k,tW:()=>m,to:()=>g});var i=o(8081),d=o.n(i),t=o(23645),r=o.n(t),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),s=r()(d()),c=a()(u);s.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.index-module--dkOeS.index-module--LnV_Q {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LnV_Q {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n  padding: 0 10px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #d8d8d8;\n}\n\n.index-module--LnV_Q:hover {\n  background-color: #dcdcdc;\n}\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #cacaca;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV) .index-module--sjwGE {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LEDZd .index-module--sjwGE {\n  background-size: 8px;\n}\n\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var x="index-module--LnV_Q",m="index-module--dkOeS",p="index-module--reGXV",b="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const k=s},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7529],{67529:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var i=o(65515),d=o.n(i),t=o(91214),r=o(9420),l=o(87363),a=o(88683),u=o(93379),s=o.n(u),c=o(7795),x=o.n(c),m=o(90569),p=o.n(m),b=o(3565),g=o.n(b),h=o(19216),k=o.n(h),v=o(44589),G=o.n(v),w=o(39202),f={};f.styleTagTransform=G(),f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=x(),f.insertStyleElement=k();s()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=o(47514);const I=(0,r.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,t.NP)(),i=(0,a.useTranslation)().t,r=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var s=e.posNr==(null==u?void 0:u.posNr);return(0,y.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(w.TI,o.uiState.isMobilePortrait?w.tW:void 0,o.uiState.isTablet?w.Mq:void 0,e.title==(null==u?void 0:u.title)&&s?w.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&s?void 0:w.to),children:[o.uiState.isMobilePortrait?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)("span",{className:d()(w.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>b,Mq:()=>p,TI:()=>x,ZP:()=>k,tW:()=>m,to:()=>g});var i=o(8081),d=o.n(i),t=o(23645),r=o.n(t),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),s=r()(d()),c=a()(u);s.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.index-module--dkOeS.index-module--LnV_Q {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LnV_Q {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n  padding: 0 10px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #d8d8d8;\n}\n\n.index-module--LnV_Q:hover {\n  background-color: #dcdcdc;\n}\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #cacaca;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV) .index-module--sjwGE {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LEDZd .index-module--sjwGE {\n  background-size: 8px;\n}\n\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var x="index-module--LnV_Q",m="index-module--dkOeS",p="index-module--reGXV",b="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const k=s},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);