@crystaldesign/diva-web-planner-react 26.12.0-beta.12 → 26.12.0-beta.14

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,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(22693),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var j=r(75327),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:v.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),l=(r(87363),r(49944)),d=r(75327),a=r(21930),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,d.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,b=!1,v=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)v?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}),v=!0,h=-1;else if(v=!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,b=!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&&!b)b=!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)},C=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(l.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)(l.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)(l._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:C(),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),l=r(22881),d=r(9420),a=r(47514);const c=(0,d.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:l.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:l.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:l.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:l.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},27020:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(80248),l=r(34988),d=r(65515),a=r.n(d),c=r(75327),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),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=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(88683),N=r(46770),D=r(56474),T=r(55461),Z=r(91087),H=r(21801),E=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 M="undefined"!=typeof Image?new Image(1,1):void 0;M&&(M.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const _=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,d=(t.grids,t.sel),u=(0,c.NP)(),m=(0,C.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,b=h.isMobile,v=h.isTablet,y=(0,x.useState)(""),j=(0,l.Z)(y,2),P=j[0],w=j[1],A=(0,x.useState)(!1),S=(0,l.Z)(A,2),I=S[0],k=S[1],_=(0,x.useRef)(null),z=(0,x.useRef)({x:0,y:0}),R=(0,x.useRef)({grabX:0,grabY:0,width:0}),L=function positionGhost(t){if(t){var i=R.current;t.style.transform="translate(".concat(z.current.x-i.grabX,"px, ").concat(z.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(I){var t=function onDragOver(t){z.current={x:t.clientX,y:t.clientY},L(_.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[I]);var B={},K={},U=void 0,V=!1,G={},Y=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),W=Y[0]&&!I,X=(0,N.sJ)({isOpen:W,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});b||v||u.getViewConfig().hideTooltip||(V=W,G=Y[1],B=X.triggerProps,K=X.layerProps,U=X.renderLayer);var q=o.name;return(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,d?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!1)},onDoubleClick:function onDoubleClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)},draggable:!0,onDragStart:function onDragStart(t){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),M&&t.dataTransfer.setDragImage(M,0,0);var i=t.currentTarget.getBoundingClientRect();R.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},z.current={x:t.clientX,y:t.clientY},k(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)},onDragEnd:function onDragEnd(){k(!1),u.paletteViewHandler.endShelfAccessorieDrag()}},B),G),{},{children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,E.jsxs)("div",{className:O.jW,children:[(0,E.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:q}}),(0,E.jsx)(D.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,E.jsx)(Z.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,E.jsx)(H.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),V&&(null===(i=U)||void 0===i?void 0:i((0,E.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:K},o.articleCodex))),I&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,E.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:R.current.width},ref:function ref(t){_.current=t,L(t)},children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,E.jsx)("div",{className:O.jW,children:(0,E.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:q}})})]}),document.body)]}))}))},12478:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),l=r(34988),d=r(88683),a=r(65515),c=r.n(a),u=r(75327),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),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=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(46770),N=r(56474),D=r(55461),T=r(91087),Z=r(21801),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,d.useTranslation)(),g=(0,d.useDivaCore)().state,h=g.hidePrices,b=g.dimensions,v=b.isMobile,y=b.isTablet,j=(0,p.useState)(""),P=(0,l.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,C.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return v||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)(N.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:d.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(T.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)(D.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:()=>A});var o=r(80248),l=r(34988),d=r(79837),a=(r(87363),r(22881)),c=r(3985),u=r(27020),x=r(12478),p=r(38742),m=r(75327),g=r(65515),h=r.n(g),b=r(9420),v=r(67),y=r(26937),j=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,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}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 d,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,d=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw d}}}}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 P=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},w=function isShelfAccessory(t){return"cellSize"in t};const A=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,g,b,A,S,I,O,k,C,N=t.item,D=t.style,T=t.filteredGroups,Z=(0,m.NP)(),H=(null!==(i=null===(r=Z.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,E=(null!==(o=null===(g=Z.settingsState.settingsScrollerElement)||void 0===g?void 0:g.getBoundingClientRect().width)&&void 0!==o?o:0)-16,M=null!==(b=null==N||null===(A=N.shelfPlannerGrids)||void 0===A?void 0:A.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==N||null===(S=N.shelfPlannerGrids)||void 0===S?void 0:S[0];if(!M)return(0,j.jsx)(j.Fragment,{});var _=(null!==(I=null===(O=T[0])||void 0===O?void 0:O.items)&&void 0!==I?I:[]).filter(w),z="autoPlaceDrag"===d.d?function collapseFamilies(t){var i,r,o=[],l=new Map,d=_createForOfIteratorHelper(t);try{for(d.s();!(i=d.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=l.get(c);void 0===u?(l.set(c,o.length),o.push(a)):P(a)>P(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){d.e(t)}finally{d.f()}return o}(_):_,R=M.ActAccessoire,L=void 0;R&&(L=_.find((function(t){return t.articleCodex==R})));var B=M.getRequiredWarning(Z.configState.lang),K=[];if(null!==(k=L)&&void 0!==k&&null!==(k=k.configStepKeys)&&void 0!==k&&k.length)for(var U=function _loop(){var t=L.configStepKeys[V],i=Z.settingsState.itemPaletteArr.find((function(i){var r=(0,l.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;Z.settingsState.selectedShelfAccessoire==t.basketId&&K.push(i[1])},V=0;V<L.configStepKeys.length;V++)U();var G=Z.getIsInMobileView()&&Z.productState.shelfPlannerRTV;return(0,j.jsxs)("div",{ref:function ref(t){return N.htmlRef=t},className:h()(Z.productState.shelfPlannerRTV?a.Ev:void 0,"horizontal"==M.Direction?a.dx:a.vU,Z.uiState.configSettingsIsExpanded?a.zh:void 0),style:_objectSpread({height:H},D),children:[!Z.productState.shelfPlannerRTV&&(0,j.jsx)("div",{className:a.wX,children:(0,j.jsx)("div",{className:a.Zh,children:(0,j.jsx)(p.default,{item:N,direction:M.Direction,width:E,height:H-16-16})})}),B&&(0,j.jsx)("div",{className:a.Kp,dangerouslySetInnerHTML:{__html:B}}),(0,j.jsxs)("div",{className:a.s0,children:[!!K.length&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("div",{className:a.ne,onClick:function onClick(){return Z.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,j.jsx)("div",{className:a.Ah}),(0,j.jsx)("div",{className:a.u2,children:null===(C=L)||void 0===C?void 0:C.name})]}),(0,j.jsx)(y.default,{itemPalettesArr:K})]}),!K.length&&(0,j.jsxs)(j.Fragment,{children:[!G&&(0,j.jsx)(v.default,{selAccItem:L}),(0,j.jsx)("div",{className:h()(a.QL,c.pw),style:{height:"horizontal"==M.Direction?H-80:"",overflow:G?"visible":void 0},children:z.map((function(t,i){var r;return(0,j.jsxs)(j.Fragment,{children:[Z.productState.shelfPlannerRTV&&(0,j.jsx)(u.default,{grids:N.shelfPlannerGrids,item:t,sel:t.articleCodex==R||!(null===(r=L)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===L.accessoireFamily},i),!Z.productState.shelfPlannerRTV&&(0,j.jsx)(x.default,{grids:N.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},67444:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),l=r(93379),d=r.n(l),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),b=r(44589),v=r.n(b),y=r(91605),j={};j.styleTagTransform=v(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();d()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(75327),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"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),l=r(75327),d=r(93379),a=r.n(d),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),b=r.n(h),v=r(44589),y=r.n(v),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=b();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(67444),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,l.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,l,d,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!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.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,l,d,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!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.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),l=r(87363),d=r(9420),a=r(37486),c=r(75327),u=r(81099),x=r(67444),p=r(47514);const m=(0,d.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,d=(0,c.NP)(),m=(0,l.useState)([]),g=(0,o.Z)(m,2),h=g[0],b=g[1];return(0,l.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],l=d.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==l?void 0:l.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();b(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),l=r.n(o),d=r(23645),a=r.n(d)()(l());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),l=r.n(o),d=r(23645),a=r.n(d)()(l());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:()=>b,ZP:()=>v,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());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",b="index-module--gYuZ8";const v=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>D,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>T,Zh:()=>w,dx:()=>b,ne:()=>C,o5:()=>I,s0:()=>y,u2:()=>N,um:()=>O,vU:()=>v,wX:()=>P,zh:()=>j});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(l()),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 b="index-module--Bn7HL",v="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",C="index-module--bdb6c",N="index-module--AJXPG",D="index-module--vl80_";const T=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>b,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());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 b=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());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:()=>v.Ah,Ev:()=>v.Ev,Kp:()=>v.Kp,QL:()=>v.QL,Zh:()=>v.Zh,dx:()=>v.dx,ne:()=>v.ne,o5:()=>v.o5,s0:()=>v.s0,u2:()=>v.u2,um:()=>v.um,vU:()=>v.vU,wX:()=>v.wX,zh:()=>v.zh});var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(92800),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.ZP,y),v.ZP&&v.ZP.locals&&v.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,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(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(75327),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(75327),a=r(21930),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")})]})})}))},27020:(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(75327),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(46770),T=r(56474),D=r(71442),Z=r(55461),H=r(91087),E=r(21801),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)]}))}))},12478:(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(75327),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(46770),C=r(56474),T=r(55461),D=r(91087),Z=r(21801),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(27020),p=r(12478),m=r(38742),g=r(75327),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)]})}))})]})]})]})}))},67444:(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(75327),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"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),d=r(75327),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(67444),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(37486),c=r(75327),u=r(81099),x=r(67444),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"}}]);