npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.3.0-beta.6 → 26.3.0-beta.8 - Mend

@crystaldesign/diva-web-planner-react 26.3.0-beta.6 → 26.3.0-beta.8

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

Files changed (598) hide show

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

@@ -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,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(8135),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(8135),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.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?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.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)},w=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)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{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(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,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,s.jsx)("div",{style:S(),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,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((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.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,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.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(8135),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(8135),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(8135),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(8135),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[(0,v.jsx)("div",{className:f.rP,children:"😴"}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(8135),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(8135),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.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("+x+");\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("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(63762),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(63762),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.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?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.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)},w=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)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{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(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,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,s.jsx)("div",{style:S(),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,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((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.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,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.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(63762),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(63762),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(63762),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(63762),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[(0,v.jsx)("div",{className:f.rP,children:"😴"}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(63762),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(63762),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.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("+x+");\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("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7455.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7455,6340,6135,8544,9154,1051,8657,7318],{27455:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(8135),l=t(9420),s=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),b=t(19216),v=t.n(b),C=t(44589),w=t.n(C),y=t(16e3),j={};j.styleTagTransform=w(),j.setAttributes=g(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();u()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(29154),S=t(98544),k=t(48657),O=t(46770),Z=t(88683),I=t(7318),F=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t,i,r=e.item,l=e.paletteId,c=r,u=(0,a.NP)(),x=(0,Z.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,g=(0,s.useState)(""),b=(0,o.Z)(g,2),v=b[0],C=b[1],w={},j={},D=void 0,N=!1,_={},B=(0,O.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,O.sJ)({isOpen:B[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||c.contentItemId||(N=B[0],_=B[1],w=z.triggerProps,j=z.layerProps,D=z.renderLayer);var T=c.sel&&"add"!=(null===(n=u.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:c.codex,className:d()(y.Sp,T?y.pA:void 0,u.getIsInMobileView()?y.ai:void 0,u.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){u.paletteViewHandler.clickedOnPlannerPalette(c,l)}},w),_),{},{children:[(0,F.jsxs)("div",{className:d()(y.be),children:[u.getViewConfig().showOptionCodexInOptionHeader&&(0,F.jsx)("div",{className:d()(y.rq),children:c.articleCodex}),c.image&&(0,F.jsx)("img",{className:d()(y.K5),src:c.image.replace("_gal","").replace("_low","")}),c.contentItemId&&(0,F.jsx)(S.default,{item:c,style:{top:-6,bottom:"unset",right:-7}},c.codex),(0,F.jsx)("div",{className:d()(y.cD),children:c.sizeInfo})]}),(0,F.jsx)("div",{className:y.FJ,children:(0,F.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:c.title}})}),N&&(null===(t=D)||void 0===t?void 0:t((0,F.jsx)(I.default,{text:null!==(i=c.longDescription)&&void 0!==i?i:c.title,desciption:v,codex:c.articleCodex,image:c.image,layerProps:j,price:c.price},c.codex))),(0,F.jsx)(P.default,{style:{position:"relative",float:"left",display:"none"},metaData:c.metaData,visible:[v,C]},c.codex),void 0!==c.priceInfo&&!h&&(0,F.jsx)(k.default,{price:c.price})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(8135),C=t(65515),w=t.n(C),y=t(9420),j=t(47514);const P=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,v.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,b.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(8135),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var C=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,C.jsx)("div",{style:n,className:b.B,children:m}):(0,C.jsx)(C.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(8135),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),b=(0,i.Z)(g,2),v=b[0],C=b[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){C(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(8907),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(8135),y=t(65515),j=t.n(y),P=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(P.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+C.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,C.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:j()(b.aH,"left"==i?b.t$:b.F2,b.pn),style:d,children:C.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(b.aH,h&&!v?b.pn:void 0,p.getIsInMobileView()?b.ai:void 0,"left"==i?b.t$:b.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(23327),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(48657),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,C.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,P.jsxs)("div",_objectSpread(_objectSpread({className:j()(b.Cu,h?b.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,P.jsx)("img",{src:x,alt:i}):l?(0,P.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+l}}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,P.jsx)("div",{className:b._W,children:d}),a&&(0,P.jsx)("div",{className:b._W,children:a}),void 0!==c&&(0,P.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,P.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>x,K5:()=>u,Mq:()=>f,Sp:()=>a,TN:()=>p,ZP:()=>g,ai:()=>m,be:()=>c,cD:()=>h,pA:()=>s,rq:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var a="index-module--l2Ia_",l="index-module--UXoyU",s="index-module--SlDGl",c="index-module--kXQSs",u="index-module--newPu",x="index-module--a7gZT",p="index-module--K3Bek",m="index-module--RXCCD",f="index-module--bxCZJ",h="index-module--jBgZW";const g=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7455,6340,6135,8544,9154,1051,8657,7318],{27455:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(63762),l=t(9420),s=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),b=t(19216),v=t.n(b),C=t(44589),w=t.n(C),y=t(16e3),j={};j.styleTagTransform=w(),j.setAttributes=g(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();u()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(29154),S=t(98544),k=t(48657),O=t(46770),Z=t(88683),I=t(7318),F=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t,i,r=e.item,l=e.paletteId,c=r,u=(0,a.NP)(),x=(0,Z.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,g=(0,s.useState)(""),b=(0,o.Z)(g,2),v=b[0],C=b[1],w={},j={},D=void 0,N=!1,_={},B=(0,O.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,O.sJ)({isOpen:B[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||c.contentItemId||(N=B[0],_=B[1],w=z.triggerProps,j=z.layerProps,D=z.renderLayer);var T=c.sel&&"add"!=(null===(n=u.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:c.codex,className:d()(y.Sp,T?y.pA:void 0,u.getIsInMobileView()?y.ai:void 0,u.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){u.paletteViewHandler.clickedOnPlannerPalette(c,l)}},w),_),{},{children:[(0,F.jsxs)("div",{className:d()(y.be),children:[u.getViewConfig().showOptionCodexInOptionHeader&&(0,F.jsx)("div",{className:d()(y.rq),children:c.articleCodex}),c.image&&(0,F.jsx)("img",{className:d()(y.K5),src:c.image.replace("_gal","").replace("_low","")}),c.contentItemId&&(0,F.jsx)(S.default,{item:c,style:{top:-6,bottom:"unset",right:-7}},c.codex),(0,F.jsx)("div",{className:d()(y.cD),children:c.sizeInfo})]}),(0,F.jsx)("div",{className:y.FJ,children:(0,F.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:c.title}})}),N&&(null===(t=D)||void 0===t?void 0:t((0,F.jsx)(I.default,{text:null!==(i=c.longDescription)&&void 0!==i?i:c.title,desciption:v,codex:c.articleCodex,image:c.image,layerProps:j,price:c.price},c.codex))),(0,F.jsx)(P.default,{style:{position:"relative",float:"left",display:"none"},metaData:c.metaData,visible:[v,C]},c.codex),void 0!==c.priceInfo&&!h&&(0,F.jsx)(k.default,{price:c.price})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(63762),C=t(65515),w=t.n(C),y=t(9420),j=t(47514);const P=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,v.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,b.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var C=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,C.jsx)("div",{style:n,className:b.B,children:m}):(0,C.jsx)(C.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),b=(0,i.Z)(g,2),v=b[0],C=b[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){C(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(8907),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(63762),y=t(65515),j=t.n(y),P=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(P.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+C.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,C.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:j()(b.aH,"left"==i?b.t$:b.F2,b.pn),style:d,children:C.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(b.aH,h&&!v?b.pn:void 0,p.getIsInMobileView()?b.ai:void 0,"left"==i?b.t$:b.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(23327),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(48657),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,C.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,P.jsxs)("div",_objectSpread(_objectSpread({className:j()(b.Cu,h?b.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,P.jsx)("img",{src:x,alt:i}):l?(0,P.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+l}}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,P.jsx)("div",{className:b._W,children:d}),a&&(0,P.jsx)("div",{className:b._W,children:a}),void 0!==c&&(0,P.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,P.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>x,K5:()=>u,Mq:()=>f,Sp:()=>a,TN:()=>p,ZP:()=>g,ai:()=>m,be:()=>c,cD:()=>h,pA:()=>s,rq:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var a="index-module--l2Ia_",l="index-module--UXoyU",s="index-module--SlDGl",c="index-module--kXQSs",u="index-module--newPu",x="index-module--a7gZT",p="index-module--K3Bek",m="index-module--RXCCD",f="index-module--bxCZJ",h="index-module--jBgZW";const g=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7507.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7507],{87507:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),i=t(65515),s=t.n(i),l=t(8135),c=t(87363),d=t(93379),o=t.n(d),a=t(7795),h=t.n(a),u=t(90569),x=t.n(u),j=t(3565),p=t.n(j),m=t(19216),b=t.n(m),f=t(44589),y=t.n(f),v=t(62904),g={};g.styleTagTransform=y(),g.setAttributes=p(),g.insert=x().bind(null,"head"),g.domAPI=h(),g.insertStyleElement=b();o()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(9420),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,w.Pi)((function RTVAnalyzer(e){var n=(0,l.NP)().rtvAnalyzeData,t=(0,c.useRef)(),r=0,i=0,d=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:d+=e.sizeMb)}));var o=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return o=o.map((function(e){var n;return null!==(n=t.current)&&void 0!==n&&n.find((function(n){return e.name==n.name&&1==n.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),t.current=o,(0,P.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,v.fm),children:(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("a",{className:v.Fs,children:"RTV Analyzer"}),(0,P.jsx)("div",{className:v.nC,children:(0,P.jsxs)("table",{className:v.Bm,children:[(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{children:"Art"}),(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Pfad"}),(0,P.jsx)("th",{children:"Geos (std mat)"}),(0,P.jsx)("th",{children:"Größe (MB | %)"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Geo Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Tex Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*d)/100+"mb | "+Math.round(d/r*100)+"%"})]}),o.map((function(e){return(0,P.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,P.jsx)("td",{children:e.type}),(0,P.jsx)("td",{children:e.name}),(0,P.jsx)("td",{children:(0,P.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,P.jsx)("td",{children:e.geo}),(0,P.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},62904:(e,n,t)=>{t.d(n,{Bm:()=>h,Fs:()=>o,YS:()=>c,ZP:()=>u,fm:()=>d,nC:()=>a});var r=t(8081),i=t.n(r),s=t(23645),l=t.n(s)()(i());l.push([e.id,".index-module--vimXW {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--XF0jR {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--oJ5Mn {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--PllSF {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--k9y7K td,\n.index-module--k9y7K th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--k9y7K tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var c="index-module--vimXW",d="index-module--XF0jR",o="index-module--oJ5Mn",a="index-module--PllSF",h="index-module--k9y7K";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7507],{87507:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),i=t(65515),s=t.n(i),l=t(63762),c=t(87363),d=t(93379),o=t.n(d),a=t(7795),h=t.n(a),u=t(90569),x=t.n(u),j=t(3565),p=t.n(j),m=t(19216),b=t.n(m),f=t(44589),y=t.n(f),v=t(62904),g={};g.styleTagTransform=y(),g.setAttributes=p(),g.insert=x().bind(null,"head"),g.domAPI=h(),g.insertStyleElement=b();o()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(9420),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,w.Pi)((function RTVAnalyzer(e){var n=(0,l.NP)().rtvAnalyzeData,t=(0,c.useRef)(),r=0,i=0,d=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:d+=e.sizeMb)}));var o=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return o=o.map((function(e){var n;return null!==(n=t.current)&&void 0!==n&&n.find((function(n){return e.name==n.name&&1==n.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),t.current=o,(0,P.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,v.fm),children:(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("a",{className:v.Fs,children:"RTV Analyzer"}),(0,P.jsx)("div",{className:v.nC,children:(0,P.jsxs)("table",{className:v.Bm,children:[(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{children:"Art"}),(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Pfad"}),(0,P.jsx)("th",{children:"Geos (std mat)"}),(0,P.jsx)("th",{children:"Größe (MB | %)"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Geo Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Tex Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*d)/100+"mb | "+Math.round(d/r*100)+"%"})]}),o.map((function(e){return(0,P.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,P.jsx)("td",{children:e.type}),(0,P.jsx)("td",{children:e.name}),(0,P.jsx)("td",{children:(0,P.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,P.jsx)("td",{children:e.geo}),(0,P.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},62904:(e,n,t)=>{t.d(n,{Bm:()=>h,Fs:()=>o,YS:()=>c,ZP:()=>u,fm:()=>d,nC:()=>a});var r=t(8081),i=t.n(r),s=t(23645),l=t.n(s)()(i());l.push([e.id,".index-module--vimXW {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--XF0jR {\n  overflow: auto;\n}\n.index-module--oJ5Mn {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--PllSF {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--k9y7K td,\n.index-module--k9y7K th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--k9y7K tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var c="index-module--vimXW",d="index-module--XF0jR",o="index-module--oJ5Mn",a="index-module--PllSF",h="index-module--k9y7K";const u=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7519.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7519,9154],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),x=o(65734);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(o,i){return(0,m.jsx)(h,{"data-testid":`${n}Icon`,ref:i,...o,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(8135),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},75686:(e,n,o)=>{o.r(n),o.d(n,{default:()=>G});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(8135),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),P=o(46770),C=o(7318),k=o(29154),Z=o(88683),B=o(98544),I=o(48657),O=o(68101),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const G=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,Z.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},G=void 0,N=!1,D={},R=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),E=(0,P.sJ)({isOpen:R[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(N=R[0],D=R[1],w=E.triggerProps,z=E.layerProps,G=E.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),D),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(I.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(O.default,{item:m,paletteId:a}),N&&(null===(o=G)||void 0===o?void 0:o((0,M.jsx)(C.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7519,9154],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(96177),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),x=o(65734);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(o,i){return(0,m.jsx)(h,{"data-testid":`${n}Icon`,ref:i,...o,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(63762),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},75686:(e,n,o)=>{o.r(n),o.d(n,{default:()=>G});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(63762),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),P=o(46770),C=o(7318),k=o(29154),Z=o(88683),B=o(98544),I=o(48657),O=o(68101),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const G=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,Z.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},G=void 0,N=!1,D={},R=(0,P.XI)({delayEnter:1500,hideOnScroll:!0}),E=(0,P.sJ)({isOpen:R[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(N=R[0],D=R[1],w=E.triggerProps,z=E.layerProps,G=E.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),D),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(I.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(O.default,{item:m,paletteId:a}),N&&(null===(o=G)||void 0===o?void 0:o((0,M.jsx)(C.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l}}]);

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7522.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7522,7678,8291,152,58],{65526:(n,e,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,n.exports=function(){function shim(n,e,t,o,r,a){if(a!==i){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function getShim(){return shim}shim.isRequired=shim;var n={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return n.PropTypes=n,n}},36653:(n,e,t)=>{n.exports=t(65526)()},65807:n=>{"use strict";n.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},61730:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>C});var i=t(34988),o=(t(87363),t(93379)),r=t.n(o),a=t(7795),c=t.n(a),s=t(90569),l=t.n(s),d=t(3565),u=t.n(d),p=t(19216),y=t.n(p),g=t(44589),m=t.n(g),x=t(59318),f={};f.styleTagTransform=m(),f.setAttributes=u(),f.insert=l().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=y();r()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var w=t(63762),h=t(9420),b=t(63344),v=t(88683),k=t(47514);const C=(0,h.Pi)((function Toolbar(n){var e,t,o,r,a=(0,w.NP)(),c=null!==(e=null===(t=a.divaWebPlanner)\|\|void 0===t\|\|null===(o=t.getDivaArticles)\|\|void 0===o?void 0:o.call(t,void 0,!0))&&void 0!==e?e:{},s=Object.values(c).flatMap((function(n){var e;return null!==(e=n.dataCreationErrors)&&void 0!==e?e:[]})),l=s.filter((function(n){var e;return"error"===(null!==(e=n.severity)&&void 0!==e?e:"error")})).length,d=s.filter((function(n){return"warning"===n.severity})).length+a.productState.plannerMessagesArr.filter((function(n){return"WARNING"===(0,i.Z)(n,2)[1].type})).length,u=a.productState.plannerMessagesArr.filter((function(n){return"INFO"===(0,i.Z)(n,2)[1].type})).length,p=(0,v.useDivaCore)().state.organization.settings.wwsClient,y=function toggleWindow(n){a.wysiwygDebugState.activeWysiwygWindows.has(n)?a.wysiwygDebugState.removeWysiwygWindow(n):a.wysiwygDebugState.addWysiwygWindow(n)},g=function isActive(n){return a.wysiwygDebugState.activeWysiwygWindows.has(n)},m=function handleInspectViewChange(){var n=!a.wysiwygDebugState.wysiwygInspectView;a.wysiwygDebugState.setWysiwygInspectView(n);var e=a.divaWebPlanner.actSet();e&&(e.inspectMode=n),a.divaWebPlanner.updateConfiguratorStructureOfActSet(),a.paletteViewHandler.updateCurPaletteData(!0)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(b.default,{}),(0,k.jsxs)("div",{className:x.nC,children:[(0,k.jsx)("div",{className:x.wc,children:v.DivaUtils.formatPrice(null!==(r=a.productState.formatedTotalPrice)&&void 0!==r?r:0,a.productState.priceFormat)}),(0,k.jsx)("div",{className:a.wysiwygDebugState.wysiwygInspectView?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:m,role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&m()},children:"Inspect"}),(0,k.jsx)("div",{className:g("PartList")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("PartList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("PartList")},children:"Stückliste"}),(0,k.jsx)("div",{className:g("PriceAnalyzer")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("PriceAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("PriceAnalyzer")},children:"Preise"}),(0,k.jsx)("div",{className:g("DecisionAnalyzer")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("DecisionAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("DecisionAnalyzer")},children:"Decisions"}),(0,k.jsx)("div",{className:g("OptionTreeTable")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("OptionTreeTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("OptionTreeTable")},children:"Option Tree"}),(0,k.jsxs)("div",{className:g("ErrorWarningOverview")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("ErrorWarningOverview")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("ErrorWarningOverview")},children:["Errors & Warnings",l>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.MR),children:l}),d>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.lG),children:d}),0===l&&0===d&&u>0&&(0,k.jsx)("span",{className:"".concat(x.R0," ").concat(x.lG),children:u})]}),"Pfister"===p&&(0,k.jsx)("div",{className:g("ekText")?"".concat(x.wc," ").concat(x.PN):x.wc,onClick:function onClick(){return y("ekText")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&y("ekText")},children:"Ek Text"})]})]})}))},59318:(n,e,t)=>{"use strict";t.d(e,{MR:()=>u,PN:()=>l,R0:()=>d,ZP:()=>y,lG:()=>p,nC:()=>c,wc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: flex-start;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n min-width: 0;\n flex-shrink: 0;\n position: relative;\n z-index: 1500;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n border-top: 1px solid #e6e6e6;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n flex-shrink: 0;\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 6px;\n padding-bottom: 6px;\n text-align: center;\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n transition: background-color 0.15s ease;\n}\n\n.index-module--CjTaL:hover {\n background-color: #e8e8e8;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n outline: 2px solid #df2927;\n outline: 2px solid var(--primaryColor, #df2927);\n outline-offset: 2px;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n outline: 2px solid #df2927;\n outline: 2px solid #df2927;\n outline: 2px solid var(--primaryColor, #df2927);\n outline-offset: 2px;\n}\n\n.index-module--CjTaL:focus-visible {\n outline: 2px solid #df2927;\n outline: 2px solid var(--primaryColor, #df2927);\n outline-offset: 2px;\n}\n\n.index-module--z6W5t {\n background-color: #e0e0e0;\n font-weight: 600;\n}\n\n.index-module--z6W5t:hover {\n background-color: #d5d5d5;\n}\n\n.index-module--HBYLX {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n margin-left: 6px;\n font-size: 11px;\n font-weight: 600;\n color: #fff;\n border-radius: 9px;\n}\n\n.index-module--MsIUk {\n background-color: #e53e3e;\n}\n\n.index-module--XRYnB {\n background-color: #d69e2e;\n}\n",""]);var c="index-module--lxloL",s="index-module--CjTaL",l="index-module--z6W5t",d="index-module--HBYLX",u="index-module--MsIUk",p="index-module--XRYnB";const y=a},27557:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},88291:(n,e,t)=>{"use strict";function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7541.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(8135),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),u=i.n(a),r=i(90569),s=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=p();l()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(8135),l=i(9420),a=(i(87363),i(88683)),u=i(9211),r=i(93379),s=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(16751),w=i(83485),D=i(68636),z=i(56340),P=i(47514),S=(0,a.getLogger)("Planner","InfoBox");const j=(0,l.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,l=n.productClass,r=(0,d.NP)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=r.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=r.getViewConfig().hideWebConfiguratorTitle||r.getViewConfig().hideWebConfiguratorTitleInMobile&&r.getIsInMobileView(),G=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,l,r.uiState.isMobileLandscape?M.rK:void 0,r.uiState.isMobilePortrait?M.tW:void 0,r.uiState.isTablet?M.Mq:void 0,r.uiState.configSettingsIsExpanded?M.zh:void 0,r.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:r.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=r.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=r.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(u.default,{})}),!r.uiState.isInMobileView&&r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:r.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.productState.currentBanner.contentItemId,title:n})}})}),j&&!r.uiState.isInMobileView&&!r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(8135),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],u=(0,o.useState)(!1),r=(0,t.Z)(u,2),s=r[0],x=r[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(8135),u=i(9420),r=i(47514);const s=(0,u.Pi)((function PriceCounter(n){var e,i,u=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(u)}),[u]),(0,r.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>u});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",u="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),u=i.n(a),r=new URL(i(36047),i.b),s=l()(o()),x=u()(r);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7541,6340,6135,9211,1051],{9211:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(63762),o=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),u=i.n(a),r=i(90569),s=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),I={};I.styleTagTransform=f(),I.setAttributes=c(),I.insert=s().bind(null,"head"),I.domAPI=u(),I.insertStyleElement=p();l()(h.ZP,I);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),v=i(64263),M=i(19047),y=i(65515),N=i.n(y),w=i(88683),D=i(47514);const z=(0,o.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),o=(0,w.useTranslation)().t;return(0,D.jsx)("ul",{className:N()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,M.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:N()(v.b),onClick:function onClick(){return(0,M.onClickCheckout)(n,i,n.index,o)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))})}))},37541:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(65515),o=i.n(t),d=i(63762),l=i(9420),a=(i(87363),i(88683)),u=i(9211),r=i(93379),s=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),I=i.n(h),b=i(44589),v=i.n(b),M=i(26876),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=I();s()(M.ZP,y);M.ZP&&M.ZP.locals&&M.ZP.locals;var N=i(16751),w=i(83485),D=i(68636),z=i(56340),P=i(47514),S=(0,a.getLogger)("Planner","InfoBox");const j=(0,l.Pi)((function ProductHeader(n){var e,i,t=n.hidePrice,l=n.productClass,r=(0,d.NP)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)(),c=x.state,m=c.hidePrices,p=c.dimensions,g=p.isMobile,f=p.isTablet,h=c.navigationConfiguration,I=h.enableMobile,b=h.hideHeader,v=x.actions.openSideMenu,y=g&&I&&!b,j=r.getViewConfig().productHeaderContentBox,C=(0,w.W)(),A=C.dimensions,Z=C.dimOnlyForOneArticle,k=r.getViewConfig().hideWebConfiguratorTitle||r.getViewConfig().hideWebConfiguratorTitleInMobile&&r.getIsInMobileView(),G=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:o()(M.YS,l,r.uiState.isMobileLandscape?M.rK:void 0,r.uiState.isMobilePortrait?M.tW:void 0,r.uiState.isTablet?M.Mq:void 0,r.uiState.configSettingsIsExpanded?M.zh:void 0,r.uiState.configSettingsIsMaxExpanded?M.Zk:void 0,G?M.y6:void 0,M.Gr),children:[y&&(0,P.jsx)("div",{id:"side-menu-button",className:M.YT,onClick:function onClick(){return v()}}),(0,P.jsxs)("div",{className:M.gU,"data-test-id":"configProductHeader",children:[!k&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:r.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:M.NG,children:[!m&&!t&&(0,P.jsxs)("div",{className:M.u$,children:[(0,P.jsx)("span",{className:o()(M.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,P.jsx)(z.default,{price:null!==(e=r.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,P.jsx)("span",{className:M.um,"data-test-id":"productHeaderFormattedPrice",children:(0,P.jsx)(z.default,{price:null!==(i=r.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),!(null==A||!A.length)&&(!g||f)&&A.map((function(n){var e,i;return(0,P.jsxs)("div",{className:M.MB,children:[(0,P.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!Z&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,P.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,P.jsx)("div",{className:M.AJ,children:(0,P.jsx)(u.default,{})}),!r.uiState.isInMobileView&&r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(D.Q,{contentItemId:r.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){S.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.productState.currentBanner.contentItemId,title:n})}})}),j&&!r.uiState.isInMobileView&&!r.productState.currentBanner&&(0,P.jsx)("div",{className:M.az,children:(0,P.jsx)(N.p,{settings:{contentBoxProps:j}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var t=i(34988),o=i(87363),d=i(63762),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,o.useState)(),i=(0,t.Z)(e,2),l=i[0],a=i[1],u=(0,o.useState)(!1),r=(0,t.Z)(u,2),s=r[0],x=r[1];return(0,o.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:s}}},56340:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(34988),o=i(88683),d=i(87363),l=i(7501),a=i(63762),u=i(9420),r=i(47514);const s=(0,u.Pi)((function PriceCounter(n){var e,i,u=n.price,s=n.formattingFn,x=n.duration,c=void 0===x?.5:x,m=(0,d.useState)(0),p=(0,t.Z)(m,2),g=p[0],f=p[1],h=(0,d.useState)(0),I=(0,t.Z)(h,2),b=I[0],v=I[1],M=(0,a.NP)();return(0,d.useEffect)((function(){f(u)}),[u]),(0,r.jsx)(l.ZP,{end:g,duration:c,decimals:null!==(e=null===(i=g.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return s?s(n):o.DivaUtils.formatPrice(n,M.productState.getPriceFormatForCounter(g))},onEnd:function onEnd(){v(g)}})}))},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>u});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d)()(o());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",u="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>P,MB:()=>w,Mq:()=>z,NG:()=>v,YS:()=>c,YT:()=>S,ZP:()=>j,Zk:()=>b,az:()=>I,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>M,um:()=>y,xk:()=>N,y6:()=>D,zh:()=>p});var t=i(8081),o=i.n(t),d=i(23645),l=i.n(d),a=i(61667),u=i.n(a),r=new URL(i(36047),i.b),s=l()(o()),x=u()(r);s.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  display: none;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",I="index-module--lRnbu",b="index-module--aRkML",v="index-module--cN5ML",M="index-module--l1SgD",y="index-module--luGNt",N="index-module--uuqou",w="index-module--BxBA_",D="index-module--Ha7MZ",z="index-module--wJ4__",P="index-module--Jnc8i",S="index-module--CRegi";const j=s},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7577.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7577],{37577:(n,e,o)=>{o.r(e),o.d(e,{default:()=>w});var i=o(65515),t=o.n(i),d=o(8135),l=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),m=o.n(b),c=o(3565),h=o.n(c),f=o(19216),g=o.n(f),v=o(44589),P=o.n(v),T=o(67463),F={};F.styleTagTransform=P(),F.setAttributes=h(),F.insert=m().bind(null,"head"),F.domAPI=x(),F.insertStyleElement=g();u()(T.ZP,F);T.ZP&&T.ZP.locals&&T.ZP.locals;var S=o(47514);const w=(0,l.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,d.NP)(),i=(0,a.useTranslation)().t,l=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,S.jsxs)("div",{className:t()(T.YS,o.uiState.isMobilePortrait?T.tW:void 0,o.uiState.isTablet?T.Mq:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,S.jsxs)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI),children:[!o.uiState.isInMobileView&&(0,S.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,S.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7577],{37577:(n,e,o)=>{o.r(e),o.d(e,{default:()=>w});var i=o(65515),t=o.n(i),d=o(63762),l=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),m=o.n(b),c=o(3565),h=o.n(c),f=o(19216),g=o.n(f),v=o(44589),P=o.n(v),T=o(67463),F={};F.styleTagTransform=P(),F.setAttributes=h(),F.insert=m().bind(null,"head"),F.domAPI=x(),F.insertStyleElement=g();u()(T.ZP,F);T.ZP&&T.ZP.locals&&T.ZP.locals;var S=o(47514);const w=(0,l.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,d.NP)(),i=(0,a.useTranslation)().t,l=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,S.jsxs)("div",{className:t()(T.YS,o.uiState.isMobilePortrait?T.tW:void 0,o.uiState.isTablet?T.Mq:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,S.jsxs)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI),children:[!o.uiState.isInMobileView&&(0,S.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,S.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7678.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7678,8291,152,58],{65526:(e,t,i)=>{"use strict";var n=i(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,i,s,r,a){if(a!==n){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,i)=>{e.exports=i(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},27557:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},88291:(e,t,i)=>{"use strict";function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

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