@crystaldesign/diva-web-planner-react 24.10.0-rc.1 → 24.10.0-rc.11

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9762,7493,9649],{47493:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(41594);var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),c=i.n(s),u=i(24959),x=i.n(u),g=i(15004),p=i.n(g),f=i(6808),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();o()(f.A,h);f.A&&f.A.locals&&f.A.locals;var m=i(5219),b=i(82246);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,m.hV)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:f.W,children:"-"})}},9649:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(13587),o=(i(41594),i(7692)),r=i(5219),d=i(47493),l=i(970),a=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,l.PA)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.hV)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var u=t/s.Cells.length,x=[],g=-1,p=!1,f=0;f<s.Cells.length;f++){var h=s.Cells[f];if(-1==h.InUse)x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var m,b;g=h.InUse,p=!1,x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(m=h.Article)||void 0===m?void 0:m.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(b=h.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==g}));if(v){var y;if(g===h.OnBoard&&!p)p=!0,v.articleText=(null===(y=h.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?S(e,n,i,t):w(e,n,i)},w=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},A=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(o.JY,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(o.gL,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,a.jsx)(o.sx,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.settingsState.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:A(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(d.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},1477:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(41594);var t=i(14488),o=i(44547),r=i(970),d=i(82246);const l=(0,r.PA)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.oX,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.pq,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.oX,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.pq,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},34228:(e,n,i)=>{i.r(n),i.d(n,{default:()=>R});var t=i(13587),o=i(36520),r=i(14488),d=i(72919),l=i.n(d),a=i(5219),s=i(970),c=i(41594),u=i(25835),x=i.n(u),g=i(69120),p=i.n(g),f=i(91148),h=i.n(f),m=i(73035),b=i.n(m),v=i(24959),y=i.n(v),j=i(15004),w=i.n(j),S=i(77158),A={};A.styleTagTransform=w(),A.setAttributes=b(),A.insert=h().bind(null,"head"),A.domAPI=p(),A.insertStyleElement=y();x()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=i(38191),O=i(19082),I=i(41096),D=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const R=(0,s.PA)((function ShelfAccessoires(e){var n,i=e.item,t=(e.grids,e.sel),d=(0,a.hV)(),s=(0,r.useDivaCore)().state,u=s.hidePrices,x=s.dimensions,g=x.isMobile,p=x.isTablet,f=(0,c.useState)(""),h=(0,o.A)(f,2),m=h[0],b=h[1],v={},y={},j=void 0,w=!1,A={},R=(0,P.Mk)({delayEnter:1e3,hideOnScroll:!0}),k=(0,P.Z4)({isOpen:R[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});g||p||d.getViewConfig().hideTooltip||(w=R[0],A=R[1],v=k.triggerProps,y=k.layerProps,j=k.renderLayer);var _=i.name;return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:l()(S.kL,t?S.VR:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),A),{},{children:[(0,D.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,D.jsxs)("div",{className:S.gn,children:[(0,D.jsx)("div",{className:l()(S.DD),dangerouslySetInnerHTML:{__html:_}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[m,b]},i.articleCodex),!u&&!!i.price&&(0,D.jsx)("div",{className:l()(S.p6),children:r.DivaUtils.formatPrice(i.price)})]}),w&&(null===(n=j)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:m,price:i.price,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},93703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>R});var t=i(13587),o=i(36520),r=i(14488),d=i(72919),l=i.n(d),a=i(5219),s=i(970),c=i(41594),u=i(25835),x=i.n(u),g=i(69120),p=i.n(g),f=i(91148),h=i.n(f),m=i(73035),b=i.n(m),v=i(24959),y=i.n(v),j=i(15004),w=i.n(j),S=i(919),A={};A.styleTagTransform=w(),A.setAttributes=b(),A.insert=h().bind(null,"head"),A.domAPI=p(),A.insertStyleElement=y();x()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=i(38191),O=i(19082),I=i(41096),D=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const R=(0,s.PA)((function ShelfAccessoires(e){var n,i=e.item,t=e.grids,d=(0,a.hV)(),s=(0,r.useTranslation)(),u=(0,r.useDivaCore)().state,x=u.hidePrices,g=u.dimensions,p=g.isMobile,f=g.isTablet,h=(0,c.useState)(""),m=(0,o.A)(h,2),b=m[0],v=m[1],y={},j={},w=void 0,A=!1,R={},k=(0,P.Mk)({delayEnter:600,hideOnScroll:!0}),_=(0,P.Z4)({isOpen:k[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});return p||f||d.getViewConfig().hideTooltip||(A=k[0],R=k[1],y=_.triggerProps,j=_.layerProps,w=_.renderLayer),(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return d.paletteViewHandler.clickedOnShelfAccessorie(t,i.articleCodex)},className:S.Tz},y),R),{},{children:[(0,D.jsxs)("div",{className:l()(S.yp,S.p4),children:[(0,D.jsx)("div",{className:l()(S.yU),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,D.jsxs)("div",{className:l()(S.Dg),children:[(0,D.jsx)("div",{className:l()(S.Ps,""!==b?S.wx:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[b,v]},i.articleCodex),(0,D.jsx)("div",{className:l()(S.J0),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},s)})]}),!x&&!!i.price&&(0,D.jsx)("div",{className:l()(S.gv),children:r.DivaUtils.formatPrice(i.price)})]}),A&&(null===(n=w)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:b,price:i.price,image:i.image,codex:i.articleCodex,layerProps:j},i.articleCodex)))]}))}))},89762:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var t=i(13587),o=i(36520),r=(i(41594),i(44547)),d=i(84327),l=i(34228),a=i(93703),s=i(9649),c=i(5219),u=i(72919),x=i.n(u),g=i(970),p=i(10968),f=i(1477),h=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const m=(0,g.PA)((function ShelfPlanner(e){var n,i,t,u,g,m,b,v,y,j=e.item,w=e.style,S=(0,c.hV)(),A=(null!==(n=null===(i=S.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,P=(null!==(t=null===(u=S.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,O=null!==(g=null==j||null===(m=j.shelfPlannerGrids)||void 0===m?void 0:m.find((function(e){return e.ActAccessoire})))&&void 0!==g?g:null==j||null===(b=j.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!O)return(0,h.jsx)(h.Fragment,{});var I=j.groups[0].items,D=O.ActAccessoire,R=void 0;D&&(R=I.find((function(e){return e.articleCodex==D})));var k=O.getRequiredWarning(S.configState.lang),_=[];if(null!==(v=R)&&void 0!==v&&null!==(v=v.configStepKeys)&&void 0!==v&&v.length)for(var C=function _loop(){var e=R.configStepKeys[E],n=S.settingsState.itemPaletteArr.find((function(n){var i=(0,o.A)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;S.settingsState.selectedShelfAccessoire==e.basketId&&_.push(n[1])},E=0;E<R.configStepKeys.length;E++)C();return(0,h.jsxs)("div",{ref:function ref(e){return j.htmlRef=e},className:x()(S.productState.shelfPlannerRTV?r.oH:void 0,"horizontal"==O.Direction?r.Sm:r.EY,S.uiState.configSettingsIsExpanded?r.sz:void 0),style:_objectSpread({height:A},w),children:[!S.productState.shelfPlannerRTV&&(0,h.jsx)("div",{className:r.P6,children:(0,h.jsx)("div",{className:r.Dz,children:(0,h.jsx)(s.default,{item:j,direction:O.Direction,width:P,height:A-16-16})})}),k&&(0,h.jsx)("div",{className:r.$e,dangerouslySetInnerHTML:{__html:k}}),(0,h.jsxs)("div",{className:r.ll,children:[!!_.length&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("div",{className:r.jd,onClick:function onClick(){return S.settingsState.setSelectedShelfAccessoire()},children:[(0,h.jsx)("div",{className:r.b}),(0,h.jsx)("div",{className:r.UU,children:null===(y=R)||void 0===y?void 0:y.name})]}),_.map((function(e,n){return(0,h.jsx)(p.default,{item:e,id:e.id},n)}))]}),!_.length&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(f.default,{selAccItem:R}),(0,h.jsx)("div",{className:x()(r.p4,d.FO),style:{height:"horizontal"==O.Direction?A-80:""},children:I.map((function(e,n){return(0,h.jsxs)(h.Fragment,{children:[S.productState.shelfPlannerRTV&&(0,h.jsx)(l.default,{grids:j.shelfPlannerGrids,item:e,sel:e.articleCodex==D},n),!S.productState.shelfPlannerRTV&&(0,h.jsx)(a.default,{grids:j.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},6808:(e,n,i)=>{i.d(n,{A:()=>a,W:()=>l});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,".index-module--eJnEJ {\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--eJnEJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--eJnEJ {\n  line-height: 21px;\n}\n",""]);var l="index-module--eJnEJ";const a=d},77158:(e,n,i)=>{i.d(n,{Ay:()=>x,DD:()=>c,VR:()=>a,gn:()=>s,kL:()=>l,p6:()=>u});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,".index-module--YfTwj {\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: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--YfTwj.index-module--ZsT1G {\n  border-color: var(--primaryColor);\n}\n\n.index-module--YfTwj:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--YfTwj img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--lIgYV {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--bE_3o,\n.index-module--QMRqj {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--bE_3o {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--QMRqj {\n  margin-top: 4px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 300;\n}\n",""]);var l="index-module--YfTwj",a="index-module--ZsT1G",s="index-module--lIgYV",c="index-module--bE_3o",u="index-module--QMRqj";const x=d},919:(e,n,i)=>{i.d(n,{Ay:()=>h,Dg:()=>u,J0:()=>p,Ps:()=>x,Tz:()=>l,gv:()=>f,p4:()=>s,wx:()=>g,yU:()=>c,yp:()=>a});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--f2hrR {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--f2hrR:hover {\n  z-index: 200;\n}\n\n.index-module--f2hrR .index-module--iL_v7 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--f2hrR .index-module--YFRTI {\n  height: 80px;\n}\n\n.index-module--f2hrR .index-module--TXkk_ {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--f2hrR .index-module--YFRTI .index-module--qLLKx {\n  height: 80px;\n}\n\n.index-module--f2hrR .index-module--qLLKx {\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--PvS_X {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--f2hrR .index-module--PvS_X {\n  width: calc(100% - 80px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--f2hrR .index-module--BOwdH {\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--f2hrR .index-module--BOwdH.index-module--lX4qc {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--f2hrR .index-module--s0nFV {\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\n.index-module--f2hrR .index-module--XYEun {\n  position: absolute;\n  right: 3.2px;\n  top: 4px;\n  font-size: 14px;\n}\n@media all and (max-width: 1100px) {\n  .index-module--f2hrR .index-module--YFRTI {\n    height: 80px;\n  }\n\n  .index-module--f2hrR .index-module--YFRTI img {\n    height: 80px;\n  }\n}\n\n.index-module--f2hrR .index-module--XYEun {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 12.4px;\n}\n",""]);var l="index-module--f2hrR",a="index-module--iL_v7",s="index-module--YFRTI",c="index-module--qLLKx",u="index-module--PvS_X",x="index-module--BOwdH",g="index-module--lX4qc",p="index-module--s0nFV",f="index-module--XYEun";const h=d},71729:(e,n,i)=>{i.d(n,{$e:()=>A,Ay:()=>D,Dz:()=>v,EY:()=>f,P6:()=>b,Sm:()=>p,UU:()=>O,b:()=>I,jd:()=>P,ll:()=>h,oH:()=>y,oX:()=>w,p4:()=>j,pq:()=>S,sz:()=>m});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r),l=i(1946),a=i.n(l),s=new URL(i(82350),i.b),c=new URL(i(66602),i.b),u=d()(o()),x=a()(s),g=a()(c);u.push([e.id,`.index-module--gBGap {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--RmfXz {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--gBGap .index-module--n_ngg {\n  width: 60%;\n}\n\n.index-module--RmfXz .index-module--n_ngg {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--U5rH8.index-module--gBGap .index-module--dfyDz {\n  width: 34%;\n}\n\n.index-module--gBGap .index-module--dfyDz {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--RmfXz .index-module--dfyDz {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--gBGap .index-module--wKFBp {\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--RmfXz .index-module--wKFBp {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--U5rH8.index-module--gBGap .index-module--n_ngg {\n  width: 66%;\n}\n\n.index-module--tetNZ.index-module--ihfjo .index-module--n_ngg,\n.index-module--gBGap.index-module--ihfjo .index-module--n_ngg {\n  width: 100%;\n}\n\n.index-module--I9H2v:first-child {\n  padding-right: 10px;\n}\n\n.index-module--gBGap .index-module--dqtlS {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--d_OZ9 {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--uqCxA {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--d_OZ9 img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--WjXjb {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--KbQ_4 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--goDnq {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--gFg_M {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(${x});\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--KbQ_4:hover .index-module--gFg_M {\n  background: center / 40% no-repeat url(${g});\n}\n\n.index-module--KbQ_4:hover .index-module--goDnq {\n  font-size: 20px;\n}\n`,""]);var p="index-module--gBGap",f="index-module--RmfXz",h="index-module--n_ngg",m="index-module--U5rH8",b="index-module--dfyDz",v="index-module--wKFBp",y="index-module--ihfjo",j="index-module--dqtlS",w="index-module--d_OZ9",S="index-module--uqCxA",A="index-module--WjXjb",P="index-module--KbQ_4",O="index-module--goDnq",I="index-module--gFg_M";const D=u},44547:(e,n,i)=>{i.d(n,{$e:()=>f.$e,Dz:()=>f.Dz,EY:()=>f.EY,P6:()=>f.P6,Sm:()=>f.Sm,UU:()=>f.UU,b:()=>f.b,jd:()=>f.jd,ll:()=>f.ll,oH:()=>f.oH,oX:()=>f.oX,p4:()=>f.p4,pq:()=>f.pq,sz:()=>f.sz});var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),c=i.n(s),u=i(24959),x=i.n(u),g=i(15004),p=i.n(g),f=i(71729),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();o()(f.Ay,h),f.Ay&&f.Ay.locals&&f.Ay.locals},82350:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},66602:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9762,7493,9649],{47493:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(41594);var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),c=i.n(s),u=i(24959),x=i.n(u),g=i(15004),p=i.n(g),f=i(6808),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();o()(f.A,h);f.A&&f.A.locals&&f.A.locals;var m=i(5219),b=i(82246);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,m.hV)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:f.W,children:"-"})}},9649:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(13587),o=(i(41594),i(7692)),r=i(5219),d=i(47493),l=i(970),a=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,l.PA)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.hV)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var u=t/s.Cells.length,x=[],g=-1,p=!1,f=0;f<s.Cells.length;f++){var h=s.Cells[f];if(-1==h.InUse)x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var m,b;g=h.InUse,p=!1,x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(m=h.Article)||void 0===m?void 0:m.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(b=h.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==g}));if(v){var y;if(g===h.OnBoard&&!p)p=!0,v.articleText=(null===(y=h.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?S(e,n,i,t):w(e,n,i)},w=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},A=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(o.JY,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(o.gL,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,a.jsx)(o.sx,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.settingsState.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:A(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(d.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},1477:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(41594);var t=i(14488),o=i(44547),r=i(970),d=i(82246);const l=(0,r.PA)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.oX,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.pq,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.oX,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.pq,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},34228:(e,n,i)=>{i.r(n),i.d(n,{default:()=>R});var t=i(13587),o=i(36520),r=i(14488),d=i(72919),l=i.n(d),a=i(5219),s=i(970),c=i(41594),u=i(25835),x=i.n(u),g=i(69120),p=i.n(g),f=i(91148),h=i.n(f),m=i(73035),b=i.n(m),v=i(24959),y=i.n(v),j=i(15004),w=i.n(j),S=i(77158),A={};A.styleTagTransform=w(),A.setAttributes=b(),A.insert=h().bind(null,"head"),A.domAPI=p(),A.insertStyleElement=y();x()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=i(38191),O=i(19082),I=i(41096),D=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const R=(0,s.PA)((function ShelfAccessoires(e){var n,i=e.item,t=(e.grids,e.sel),d=(0,a.hV)(),s=(0,r.useDivaCore)().state,u=s.hidePrices,x=s.dimensions,g=x.isMobile,p=x.isTablet,f=(0,c.useState)(""),h=(0,o.A)(f,2),m=h[0],b=h[1],v={},y={},j=void 0,w=!1,A={},R=(0,P.Mk)({delayEnter:1e3,hideOnScroll:!0}),k=(0,P.Z4)({isOpen:R[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});g||p||d.getViewConfig().hideTooltip||(w=R[0],A=R[1],v=k.triggerProps,y=k.layerProps,j=k.renderLayer);var _=i.name;return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:l()(S.kL,t?S.VR:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),A),{},{children:[(0,D.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,D.jsxs)("div",{className:S.gn,children:[(0,D.jsx)("div",{className:l()(S.DD),dangerouslySetInnerHTML:{__html:_}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[m,b]},i.articleCodex),!u&&!!i.price&&(0,D.jsx)("div",{className:l()(S.p6),children:r.DivaUtils.formatPrice(i.price)})]}),w&&(null===(n=j)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:m,price:i.price,image:i.image,codex:i.articleCodex,layerProps:y},i.articleCodex)))]}))}))},93703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>R});var t=i(13587),o=i(36520),r=i(14488),d=i(72919),l=i.n(d),a=i(5219),s=i(970),c=i(41594),u=i(25835),x=i.n(u),g=i(69120),p=i.n(g),f=i(91148),h=i.n(f),m=i(73035),b=i.n(m),v=i(24959),y=i.n(v),j=i(15004),w=i.n(j),S=i(919),A={};A.styleTagTransform=w(),A.setAttributes=b(),A.insert=h().bind(null,"head"),A.domAPI=p(),A.insertStyleElement=y();x()(S.Ay,A);S.Ay&&S.Ay.locals&&S.Ay.locals;var P=i(38191),O=i(19082),I=i(41096),D=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const R=(0,s.PA)((function ShelfAccessoires(e){var n,i=e.item,t=e.grids,d=(0,a.hV)(),s=(0,r.useTranslation)(),u=(0,r.useDivaCore)().state,x=u.hidePrices,g=u.dimensions,p=g.isMobile,f=g.isTablet,h=(0,c.useState)(""),m=(0,o.A)(h,2),b=m[0],v=m[1],y={},j={},w=void 0,A=!1,R={},k=(0,P.Mk)({delayEnter:600,hideOnScroll:!0}),_=(0,P.Z4)({isOpen:k[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});return p||f||d.getViewConfig().hideTooltip||(A=k[0],R=k[1],y=_.triggerProps,j=_.layerProps,w=_.renderLayer),(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return d.paletteViewHandler.clickedOnShelfAccessorie(t,i.articleCodex,void 0,!0)},className:S.Tz},y),R),{},{children:[(0,D.jsxs)("div",{className:l()(S.yp,S.p4),children:[(0,D.jsx)("div",{className:l()(S.yU),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,D.jsxs)("div",{className:l()(S.Dg),children:[(0,D.jsx)("div",{className:l()(S.Ps,""!==b?S.wx:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[b,v]},i.articleCodex),(0,D.jsx)("div",{className:l()(S.J0),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},s)})]}),!x&&!!i.price&&(0,D.jsx)("div",{className:l()(S.gv),children:r.DivaUtils.formatPrice(i.price)})]}),A&&(null===(n=w)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:b,price:i.price,image:i.image,codex:i.articleCodex,layerProps:j},i.articleCodex)))]}))}))},89762:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var t=i(13587),o=i(36520),r=(i(41594),i(44547)),d=i(84327),l=i(34228),a=i(93703),s=i(9649),c=i(5219),u=i(72919),x=i.n(u),g=i(970),p=i(10968),f=i(1477),h=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const m=(0,g.PA)((function ShelfPlanner(e){var n,i,t,u,g,m,b,v,y,j=e.item,w=e.style,S=(0,c.hV)(),A=(null!==(n=null===(i=S.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,P=(null!==(t=null===(u=S.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,O=null!==(g=null==j||null===(m=j.shelfPlannerGrids)||void 0===m?void 0:m.find((function(e){return e.ActAccessoire})))&&void 0!==g?g:null==j||null===(b=j.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!O)return(0,h.jsx)(h.Fragment,{});var I=j.groups[0].items,D=O.ActAccessoire,R=void 0;D&&(R=I.find((function(e){return e.articleCodex==D})));var k=O.getRequiredWarning(S.configState.lang),_=[];if(null!==(v=R)&&void 0!==v&&null!==(v=v.configStepKeys)&&void 0!==v&&v.length)for(var C=function _loop(){var e=R.configStepKeys[E],n=S.settingsState.itemPaletteArr.find((function(n){var i=(0,o.A)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;S.settingsState.selectedShelfAccessoire==e.basketId&&_.push(n[1])},E=0;E<R.configStepKeys.length;E++)C();return(0,h.jsxs)("div",{ref:function ref(e){return j.htmlRef=e},className:x()(S.productState.shelfPlannerRTV?r.oH:void 0,"horizontal"==O.Direction?r.Sm:r.EY,S.uiState.configSettingsIsExpanded?r.sz:void 0),style:_objectSpread({height:A},w),children:[!S.productState.shelfPlannerRTV&&(0,h.jsx)("div",{className:r.P6,children:(0,h.jsx)("div",{className:r.Dz,children:(0,h.jsx)(s.default,{item:j,direction:O.Direction,width:P,height:A-16-16})})}),k&&(0,h.jsx)("div",{className:r.$e,dangerouslySetInnerHTML:{__html:k}}),(0,h.jsxs)("div",{className:r.ll,children:[!!_.length&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("div",{className:r.jd,onClick:function onClick(){return S.settingsState.setSelectedShelfAccessoire()},children:[(0,h.jsx)("div",{className:r.b}),(0,h.jsx)("div",{className:r.UU,children:null===(y=R)||void 0===y?void 0:y.name})]}),_.map((function(e,n){return(0,h.jsx)(p.default,{item:e,id:e.id},n)}))]}),!_.length&&(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(f.default,{selAccItem:R}),(0,h.jsx)("div",{className:x()(r.p4,d.FO),style:{height:"horizontal"==O.Direction?A-80:""},children:I.map((function(e,n){return(0,h.jsxs)(h.Fragment,{children:[S.productState.shelfPlannerRTV&&(0,h.jsx)(l.default,{grids:j.shelfPlannerGrids,item:e,sel:e.articleCodex==D},n),!S.productState.shelfPlannerRTV&&(0,h.jsx)(a.default,{grids:j.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},6808:(e,n,i)=>{i.d(n,{A:()=>a,W:()=>l});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,".index-module--eJnEJ {\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--eJnEJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--eJnEJ {\n  line-height: 21px;\n}\n",""]);var l="index-module--eJnEJ";const a=d},77158:(e,n,i)=>{i.d(n,{Ay:()=>x,DD:()=>c,VR:()=>a,gn:()=>s,kL:()=>l,p6:()=>u});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,".index-module--YfTwj {\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: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--YfTwj.index-module--ZsT1G {\n  border-color: var(--primaryColor);\n}\n\n.index-module--YfTwj:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--YfTwj img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--lIgYV {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--bE_3o,\n.index-module--QMRqj {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--bE_3o {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--QMRqj {\n  margin-top: 4px;\n  font-size: 12px;\n  line-height: 12px;\n  font-weight: 300;\n}\n",""]);var l="index-module--YfTwj",a="index-module--ZsT1G",s="index-module--lIgYV",c="index-module--bE_3o",u="index-module--QMRqj";const x=d},919:(e,n,i)=>{i.d(n,{Ay:()=>h,Dg:()=>u,J0:()=>p,Ps:()=>x,Tz:()=>l,gv:()=>f,p4:()=>s,wx:()=>g,yU:()=>c,yp:()=>a});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--f2hrR {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--f2hrR:hover {\n  z-index: 200;\n}\n\n.index-module--f2hrR .index-module--iL_v7 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--f2hrR .index-module--YFRTI {\n  height: 80px;\n}\n\n.index-module--f2hrR .index-module--TXkk_ {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--f2hrR .index-module--YFRTI .index-module--qLLKx {\n  height: 80px;\n}\n\n.index-module--f2hrR .index-module--qLLKx {\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--PvS_X {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--f2hrR .index-module--PvS_X {\n  width: calc(100% - 80px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--f2hrR .index-module--BOwdH {\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--f2hrR .index-module--BOwdH.index-module--lX4qc {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--f2hrR .index-module--s0nFV {\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\n.index-module--f2hrR .index-module--XYEun {\n  position: absolute;\n  right: 3.2px;\n  top: 4px;\n  font-size: 14px;\n}\n@media all and (max-width: 1100px) {\n  .index-module--f2hrR .index-module--YFRTI {\n    height: 80px;\n  }\n\n  .index-module--f2hrR .index-module--YFRTI img {\n    height: 80px;\n  }\n}\n\n.index-module--f2hrR .index-module--XYEun {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 12.4px;\n}\n",""]);var l="index-module--f2hrR",a="index-module--iL_v7",s="index-module--YFRTI",c="index-module--qLLKx",u="index-module--PvS_X",x="index-module--BOwdH",g="index-module--lX4qc",p="index-module--s0nFV",f="index-module--XYEun";const h=d},71729:(e,n,i)=>{i.d(n,{$e:()=>A,Ay:()=>D,Dz:()=>v,EY:()=>f,P6:()=>b,Sm:()=>p,UU:()=>O,b:()=>I,jd:()=>P,ll:()=>h,oH:()=>y,oX:()=>w,p4:()=>j,pq:()=>S,sz:()=>m});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r),l=i(1946),a=i.n(l),s=new URL(i(82350),i.b),c=new URL(i(66602),i.b),u=d()(o()),x=a()(s),g=a()(c);u.push([e.id,`.index-module--gBGap {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--RmfXz {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--gBGap .index-module--n_ngg {\n  width: 60%;\n}\n\n.index-module--RmfXz .index-module--n_ngg {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--U5rH8.index-module--gBGap .index-module--dfyDz {\n  width: 34%;\n}\n\n.index-module--gBGap .index-module--dfyDz {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--RmfXz .index-module--dfyDz {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--gBGap .index-module--wKFBp {\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--RmfXz .index-module--wKFBp {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--U5rH8.index-module--gBGap .index-module--n_ngg {\n  width: 66%;\n}\n\n.index-module--tetNZ.index-module--ihfjo .index-module--n_ngg,\n.index-module--gBGap.index-module--ihfjo .index-module--n_ngg {\n  width: 100%;\n}\n\n.index-module--I9H2v:first-child {\n  padding-right: 10px;\n}\n\n.index-module--gBGap .index-module--dqtlS {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--d_OZ9 {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--uqCxA {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--d_OZ9 img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--WjXjb {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--KbQ_4 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--goDnq {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--gFg_M {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(${x});\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--KbQ_4:hover .index-module--gFg_M {\n  background: center / 40% no-repeat url(${g});\n}\n\n.index-module--KbQ_4:hover .index-module--goDnq {\n  font-size: 20px;\n}\n`,""]);var p="index-module--gBGap",f="index-module--RmfXz",h="index-module--n_ngg",m="index-module--U5rH8",b="index-module--dfyDz",v="index-module--wKFBp",y="index-module--ihfjo",j="index-module--dqtlS",w="index-module--d_OZ9",S="index-module--uqCxA",A="index-module--WjXjb",P="index-module--KbQ_4",O="index-module--goDnq",I="index-module--gFg_M";const D=u},44547:(e,n,i)=>{i.d(n,{$e:()=>f.$e,Dz:()=>f.Dz,EY:()=>f.EY,P6:()=>f.P6,Sm:()=>f.Sm,UU:()=>f.UU,b:()=>f.b,jd:()=>f.jd,ll:()=>f.ll,oH:()=>f.oH,oX:()=>f.oX,p4:()=>f.p4,pq:()=>f.pq,sz:()=>f.sz});var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),c=i.n(s),u=i(24959),x=i.n(u),g=i(15004),p=i.n(g),f=i(71729),h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=x();o()(f.Ay,h),f.Ay&&f.Ay.locals&&f.Ay.locals},82350:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},66602:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);