npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.4.0-beta.49 → 25.4.0-beta.50 - Mend

@crystaldesign/diva-web-planner-react 25.4.0-beta.49 → 25.4.0-beta.50

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 (286) 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,2086,67],{22086:(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),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),g=i(44589),p=i.n(g),h=i(22693),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=x();o()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var f=i(53185),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,f.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:h.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),o=(i(87363),i(92122)),r=i(53185),d=i(22086),l=i(9420),a=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 s=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var u=t/s.Cells.length,x=[],g=-1,p=!1,h=0;h<s.Cells.length;h++){var m=s.Cells[h];if(-1==m.InUse)x.splice(0,0,{heightCount:1,inUse:m.InUse,index:m.Index,type:void 0,isDisabled:m.IsDisabled,isRequired:m.IsRequired,onlyPlaceHolder:m.OnlyPlaceHolder,noMove:m.NoMove,noDelete:m.NoDelete});else if(g!=m.InUse&&g!=m.OnBoard){var f,b;g=m.InUse,p=!1,x.splice(0,0,{heightCount:1,inUse:m.InUse,index:m.Index,type:m.Type,isDisabled:m.IsDisabled,isRequired:m.IsRequired,articleText:null===(f=m.Article)||void 0===f?void 0:f.name,onlyPlaceHolder:m.OnlyPlaceHolder,noMove:m.NoMove,noDelete:m.NoDelete,basketId:null===(b=m.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==g}));if(v){var y;if(g===m.OnBoard&&!p)p=!0,v.articleText=(null===(y=m.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/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},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,a.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(s,n,i)}},children:(0,a.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,a.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style: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,a.jsx)(d.default,{grid:s,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")})]})})}))},72357:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(53185),a=i(9420),s=i(87363),c=i(93379),u=i.n(c),x=i(7795),g=i.n(x),p=i(90569),h=i.n(p),m=i(3565),f=i.n(m),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),A=i(46770),O=i(19229),I=i(76108),k=i(59214),D=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 C=(0,a.Pi)((function ShelfAccessoires(e){var n,i=e.item,t=(e.grids,e.sel),r=(0,l.NP)(),a=(0,S.useDivaCore)().state,c=a.hidePrices,u=a.dimensions,x=u.isMobile,g=u.isTablet,p=(0,s.useState)(""),h=(0,o.Z)(p,2),m=h[0],f=h[1],b={},v={},y=void 0,j=!1,w={},C=(0,A.XI)({delayEnter:1e3,hideOnScroll:!0}),N=(0,A.sJ)({isOpen:C[0],auto:!0,placement:r.getViewConfig().tooltipPosition||"left-center"});x||g||r.getViewConfig().hideTooltip||(j=C[0],w=C[1],b=N.triggerProps,v=N.layerProps,y=N.renderLayer);var Z=i.name;return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:d()(P.nC,t?P.pA:void 0),onClick:function onClick(){return r.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},b),w),{},{children:[(0,D.jsx)("img",{style:{maxHeight:r.settingsState.settingsWidth/3},src:i.image}),(0,D.jsxs)("div",{className:P.jW,children:[(0,D.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:Z}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[m,f]},i.articleCodex),!c&&!!i.price&&(0,D.jsx)(k.default,{price:i.price,style:{paddingTop:6}})]}),j&&(null===(n=y)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:m,image:i.image,codex:i.articleCodex,layerProps:v},i.articleCodex)))]}))}))},98950:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),a=i(53185),s=i(9420),c=i(87363),u=i(93379),x=i.n(u),g=i(7795),p=i.n(g),h=i(90569),m=i.n(h),f=i(3565),b=i.n(f),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=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var A=i(46770),O=i(19229),I=i(76108),k=i(59214),D=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 C=(0,s.Pi)((function ShelfAccessoires(e){var n,i=e.item,t=e.grids,d=(0,a.NP)(),s=(0,r.useTranslation)(),u=(0,r.useDivaCore)().state,x=u.hidePrices,g=u.dimensions,p=g.isMobile,h=g.isTablet,m=(0,c.useState)(""),f=(0,o.Z)(m,2),b=f[0],v=f[1],y={},j={},P=void 0,S=!1,C={},N=(0,A.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,A.sJ)({isOpen:N[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});return p||h||d.getViewConfig().hideTooltip||(S=N[0],C=N[1],y=Z.triggerProps,j=Z.layerProps,P=Z.renderLayer),(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return d.paletteViewHandler.clickedOnShelfAccessorie(t,i.articleCodex,void 0,!0)},className:w.RV},y),C),{},{children:[(0,D.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,D.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,D.jsxs)("div",{className:l()(w.TX),children:[(0,D.jsx)("div",{className:l()(w.db,""!==b?w.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,D.jsx)(O.default,{metaData:i.metaData,visible:[b,v]},i.articleCodex),(0,D.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},s)})]})]}),!x&&!!i.price&&(0,D.jsx)(k.default,{price:i.price,style:{paddingTop:6}}),S&&(null===(n=P)||void 0===n?void 0:n((0,D.jsx)(I.default,{text:i.name,desciption:b,image:i.image,codex:i.articleCodex,layerProps:j},i.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(72357),a=i(98950),s=i(38742),c=i(53185),u=i(65515),x=i.n(u),g=i(9420),p=i(77674),h=i(67),m=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 f=(0,g.Pi)((function ShelfPlanner(e){var n,i,t,u,g,f,b,v,y,j,P,w=e.item,S=e.style,A=e.filteredGroups,O=(0,c.NP)(),I=(null!==(n=null===(i=O.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=O.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,D=null!==(g=null==w||null===(f=w.shelfPlannerGrids)||void 0===f?void 0:f.find((function(e){return e.ActAccessoire})))&&void 0!==g?g:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!D)return(0,m.jsx)(m.Fragment,{});var C=null!==(v=null===(y=A[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],N=D.ActAccessoire,Z=void 0;N&&(Z=C.find((function(e){return e.articleCodex==N})));var _=D.getRequiredWarning(O.configState.lang),E=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var H=function _loop(){var e=Z.configStepKeys[M],n=O.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;O.settingsState.selectedShelfAccessoire==e.basketId&&E.push(n[1])},M=0;M<Z.configStepKeys.length;M++)H();return(0,m.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(O.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==D.Direction?r.dx:r.vU,O.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:I},S),children:[!O.productState.shelfPlannerRTV&&(0,m.jsx)("div",{className:r.wX,children:(0,m.jsx)("div",{className:r.Zh,children:(0,m.jsx)(s.default,{item:w,direction:D.Direction,width:k,height:I-16-16})})}),_&&(0,m.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:_}}),(0,m.jsxs)("div",{className:r.s0,children:[!!E.length&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("div",{className:r.ne,onClick:function onClick(){return O.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,m.jsx)("div",{className:r.Ah}),(0,m.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),E.map((function(e,n){return(0,m.jsx)(p.default,{item:e,id:e.id},n)}))]}),!E.length&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(h.default,{selAccItem:Z}),(0,m.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==D.Direction?I-80:""},children:C.map((function(e,n){return(0,m.jsxs)(m.Fragment,{children:[O.productState.shelfPlannerRTV&&(0,m.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==N},n),!O.productState.shelfPlannerRTV&&(0,m.jsx)(a.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>a});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 a=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>s,nC:()=>l,pA:()=>a});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",a="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>g,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>p,ZP:()=>h,db:()=>x,iZ:()=>a,vc:()=>s});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",a="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",g="index-module--Khqca",p="index-module--gYuZ8";const h=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>I,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>p,ne:()=>A,o5:()=>P,s0:()=>m,u2:()=>O,um:()=>w,vU:()=>h,wX:()=>b,zh:()=>f});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=a()(s),g=a()(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("+g+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var p="index-module--Bn7HL",h="index-module--HEzIS",m="index-module--_WYy_",f="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",A="index-module--bdb6c",O="index-module--AJXPG",I="index-module--vl80_";const k=u},22881:(e,n,i)=>{i.d(n,{Ah:()=>h.Ah,Ev:()=>h.Ev,Kp:()=>h.Kp,QL:()=>h.QL,Zh:()=>h.Zh,dx:()=>h.dx,ne:()=>h.ne,o5:()=>h.o5,s0:()=>h.s0,u2:()=>h.u2,um:()=>h.um,vU:()=>h.vU,wX:()=>h.wX,zh:()=>h.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),g=i(44589),p=i.n(g),h=i(92800),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=x();o()(h.ZP,m),h.ZP&&h.ZP.locals&&h.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,2086,67],{22086:(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),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),g=i(44589),p=i.n(g),h=i(22693),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=x();o()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var f=i(53185),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,f.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:h.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),o=(i(87363),i(92122)),r=i(53185),d=i(22086),l=i(9420),a=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 s=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var u=t/s.Cells.length,x=[],g=-1,p=!1,h=0;h<s.Cells.length;h++){var m=s.Cells[h];if(-1==m.InUse)x.splice(0,0,{heightCount:1,inUse:m.InUse,index:m.Index,type:void 0,isDisabled:m.IsDisabled,isRequired:m.IsRequired,onlyPlaceHolder:m.OnlyPlaceHolder,noMove:m.NoMove,noDelete:m.NoDelete});else if(g!=m.InUse&&g!=m.OnBoard){var f,b;g=m.InUse,p=!1,x.splice(0,0,{heightCount:1,inUse:m.InUse,index:m.Index,type:m.Type,isDisabled:m.IsDisabled,isRequired:m.IsRequired,articleText:null===(f=m.Article)||void 0===f?void 0:f.name,onlyPlaceHolder:m.OnlyPlaceHolder,noMove:m.NoMove,noDelete:m.NoDelete,basketId:null===(b=m.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==g}));if(v){var y;if(g===m.OnBoard&&!p)p=!0,v.articleText=(null===(y=m.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/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},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,a.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(s,n,i)}},children:(0,a.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,a.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style: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,a.jsx)(d.default,{grid:s,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")})]})})}))},72357:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(53185),a=i(9420),s=i(87363),c=i(93379),u=i.n(c),x=i(7795),g=i.n(x),p=i(90569),h=i.n(p),m=i(3565),f=i.n(m),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=g(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),A=i(46770),I=i(19229),O=i(76108),k=i(59214),C=i(21336),D=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 N=(0,a.Pi)((function ShelfAccessoires(e){var n,i=e.item,t=(e.grids,e.sel),r=(0,l.NP)(),a=(0,S.useDivaCore)().state,c=a.hidePrices,u=a.dimensions,x=u.isMobile,g=u.isTablet,p=(0,s.useState)(""),h=(0,o.Z)(p,2),m=h[0],f=h[1],b={},v={},y=void 0,j=!1,w={},N=(0,A.XI)({delayEnter:1e3,hideOnScroll:!0}),Z=(0,A.sJ)({isOpen:N[0],auto:!0,placement:r.getViewConfig().tooltipPosition||"left-center"});x||g||r.getViewConfig().hideTooltip||(j=N[0],w=N[1],b=Z.triggerProps,v=Z.layerProps,y=Z.renderLayer);var _=i.name;return(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:d()(P.nC,t?P.pA:void 0),onClick:function onClick(){return r.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},b),w),{},{children:[(0,D.jsx)("img",{style:{maxHeight:r.settingsState.settingsWidth/3},src:i.image}),(0,D.jsxs)("div",{className:P.jW,children:[(0,D.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:_}}),(0,D.jsx)(I.default,{metaData:i.metaData,visible:[m,f]},i.articleCodex),!c&&!!i.price&&(0,D.jsx)(k.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,D.jsx)(C.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),j&&(null===(n=y)||void 0===n?void 0:n((0,D.jsx)(O.default,{text:i.name,desciption:m,image:i.image,codex:i.articleCodex,layerProps:v},i.articleCodex)))]}))}))},98950:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),a=i(53185),s=i(9420),c=i(87363),u=i(93379),x=i.n(u),g=i(7795),p=i.n(g),h=i(90569),m=i.n(h),f=i(3565),b=i.n(f),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=m().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var A=i(46770),I=i(19229),O=i(76108),k=i(59214),C=i(21336),D=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 N=(0,s.Pi)((function ShelfAccessoires(e){var n,i=e.item,t=e.grids,d=(0,a.NP)(),s=(0,r.useTranslation)(),u=(0,r.useDivaCore)().state,x=u.hidePrices,g=u.dimensions,p=g.isMobile,h=g.isTablet,m=(0,c.useState)(""),f=(0,o.Z)(m,2),b=f[0],v=f[1],y={},j={},P=void 0,S=!1,N={},Z=(0,A.XI)({delayEnter:600,hideOnScroll:!0}),_=(0,A.sJ)({isOpen:Z[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});return p||h||d.getViewConfig().hideTooltip||(S=Z[0],N=Z[1],y=_.triggerProps,j=_.layerProps,P=_.renderLayer),(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return d.paletteViewHandler.clickedOnShelfAccessorie(t,i.articleCodex,void 0,!0)},className:w.RV},y),N),{},{children:[(0,D.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,D.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(i.image,")")}}),(0,D.jsxs)("div",{className:l()(w.TX),children:[(0,D.jsx)("div",{className:l()(w.db,""!==b?w.Bm:void 0),dangerouslySetInnerHTML:{__html:i.name}}),(0,D.jsx)(I.default,{metaData:i.metaData,visible:[b,v]},i.articleCodex),(0,D.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:i.width,height:i.height,depth:i.depth},s)})]})]}),!x&&!!i.price&&(0,D.jsx)(k.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,D.jsx)(C.default,{item:i,style:{bottom:8,right:8}},i.articleCodex),S&&(null===(n=P)||void 0===n?void 0:n((0,D.jsx)(O.default,{text:i.name,desciption:b,image:i.image,codex:i.articleCodex,layerProps:j},i.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(72357),a=i(98950),s=i(38742),c=i(53185),u=i(65515),x=i.n(u),g=i(9420),p=i(77674),h=i(67),m=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 f=(0,g.Pi)((function ShelfPlanner(e){var n,i,t,u,g,f,b,v,y,j,P,w=e.item,S=e.style,A=e.filteredGroups,I=(0,c.NP)(),O=(null!==(n=null===(i=I.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=I.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,C=null!==(g=null==w||null===(f=w.shelfPlannerGrids)||void 0===f?void 0:f.find((function(e){return e.ActAccessoire})))&&void 0!==g?g:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!C)return(0,m.jsx)(m.Fragment,{});var D=null!==(v=null===(y=A[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],N=C.ActAccessoire,Z=void 0;N&&(Z=D.find((function(e){return e.articleCodex==N})));var _=C.getRequiredWarning(I.configState.lang),E=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var H=function _loop(){var e=Z.configStepKeys[M],n=I.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;I.settingsState.selectedShelfAccessoire==e.basketId&&E.push(n[1])},M=0;M<Z.configStepKeys.length;M++)H();return(0,m.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(I.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==C.Direction?r.dx:r.vU,I.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!I.productState.shelfPlannerRTV&&(0,m.jsx)("div",{className:r.wX,children:(0,m.jsx)("div",{className:r.Zh,children:(0,m.jsx)(s.default,{item:w,direction:C.Direction,width:k,height:O-16-16})})}),_&&(0,m.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:_}}),(0,m.jsxs)("div",{className:r.s0,children:[!!E.length&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("div",{className:r.ne,onClick:function onClick(){return I.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,m.jsx)("div",{className:r.Ah}),(0,m.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),E.map((function(e,n){return(0,m.jsx)(p.default,{item:e,id:e.id},n)}))]}),!E.length&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(h.default,{selAccItem:Z}),(0,m.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==C.Direction?O-80:""},children:D.map((function(e,n){return(0,m.jsxs)(m.Fragment,{children:[I.productState.shelfPlannerRTV&&(0,m.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==N},n),!I.productState.shelfPlannerRTV&&(0,m.jsx)(a.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>a});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 a=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>s,nC:()=>l,pA:()=>a});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",a="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>g,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>p,ZP:()=>h,db:()=>x,iZ:()=>a,vc:()=>s});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",a="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",g="index-module--Khqca",p="index-module--gYuZ8";const h=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>p,ne:()=>A,o5:()=>P,s0:()=>m,u2:()=>I,um:()=>w,vU:()=>h,wX:()=>b,zh:()=>f});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=a()(s),g=a()(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("+g+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var p="index-module--Bn7HL",h="index-module--HEzIS",m="index-module--_WYy_",f="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",A="index-module--bdb6c",I="index-module--AJXPG",O="index-module--vl80_";const k=u},22881:(e,n,i)=>{i.d(n,{Ah:()=>h.Ah,Ev:()=>h.Ev,Kp:()=>h.Kp,QL:()=>h.QL,Zh:()=>h.Zh,dx:()=>h.dx,ne:()=>h.ne,o5:()=>h.o5,s0:()=>h.s0,u2:()=>h.u2,um:()=>h.um,vU:()=>h.vU,wX:()=>h.wX,zh:()=>h.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),c=i.n(s),u=i(19216),x=i.n(u),g=i(44589),p=i.n(g),h=i(92800),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=x();o()(h.ZP,m),h.ZP&&h.ZP.locals&&h.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/7990.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7990.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7990],{27990:(n,i,e)=>{e.r(i),e.d(i,{default:()=>C});var t=e(34988),o=e(72874),a=e(87363),d=e(65515),l=e.n(d),c=e(93379),r=e.n(c),s=e(7795),N=e.n(s),u=e(90569),x=e.n(u),I=e(3565),M=e.n(I),j=e(19216),g=e.n(j),m=e(44589),D=e.n(m),y=e(69879),L={};L.styleTagTransform=D(),L.setAttributes=M(),L.insert=x().bind(null,"head"),L.domAPI=N(),L.insertStyleElement=g();r()(y.ZP,L);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=e(47514),k=["setCurrentWindowActive","currentWindowActive"];const C=function Sidebar(n){var i=n.setCurrentWindowActive,e=n.currentWindowActive,d=(0,o.Z)(n,k),c=(0,a.useState)(!1),r=(0,t.Z)(c,2),s=r[0],N=r[1];return(0,b.jsxs)("div",{className:l()(y.CZ,s?y.Zj:void 0,d.className),onMouseEnter:function onMouseEnter(){return N(!0)},onMouseLeave:function onMouseLeave(){return N(!1)},children:[(0,b.jsxs)("button",{onClick:function onClick(){return N(!s)},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.yf)}),(0,b.jsx)("p",{className:y.Fs,children:"Catalog Analyser"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("3D/2D")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.oP)}),(0,b.jsx)("p",{children:"2D/3D"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("Options"==e?"3D/2D":"Options")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y._j)}),(0,b.jsx)("p",{children:"Optionsübersicht"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("PartList"==e?"3D/2D":"PartList")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.r9)}),(0,b.jsx)("p",{children:"Stückliste"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("DecisionAnalyzer"==e?"3D/2D":"DecisionAnalyzer")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.r9)}),(0,b.jsx)("p",{children:"DecisionAnalyzer"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("Artikelübersicht"==e?"3D/2D":"Artikelübersicht")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.X0)}),(0,b.jsx)("p",{children:"Artikelübersicht"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("ekText"==e?"3D/2D":"ekText")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.NF)}),(0,b.jsx)("p",{children:"EK-Text"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("SVGübersicht"==e?"3D/2D":"SVGübersicht")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.cu)}),(0,b.jsx)("p",{children:"SVG - Übersicht"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("CatalogMakeup"==e?"3D/2D":"CatalogMakeup")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.Nc)}),(0,b.jsx)("p",{children:"Catalog Makeup"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("RTVAnalyzer"==e?"3D/2D":"RTVAnalyzer")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y.GE)}),(0,b.jsx)("p",{children:"RTV Analyzer"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("J3DEditor")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y._j)}),(0,b.jsx)("p",{children:"J3DEditor"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("PropertiesEditor")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y._j)}),(0,b.jsx)("p",{children:"Properties Editor"})]}),(0,b.jsxs)("button",{onClick:function onClick(){i("MaskEditor")},children:[(0,b.jsx)("div",{className:l()(y.Nx,y._j)}),(0,b.jsx)("p",{children:"Mask Editor"})]})]})}},69879:(n,i,e)=>{e.d(i,{CZ:()=>Z,Fs:()=>S,GE:()=>f,NF:()=>H,Nc:()=>W,Nx:()=>v,X0:()=>G,ZP:()=>Y,Zj:()=>T,_j:()=>E,cu:()=>R,oP:()=>h,r9:()=>z,yf:()=>P});var t=e(8081),o=e.n(t),a=e(23645),d=e.n(a),l=e(61667),c=e.n(l),r=new URL(e(58339),e.b),s=new URL(e(76087),e.b),N=new URL(e(53575),e.b),u=new URL(e(57036),e.b),x=new URL(e(85108),e.b),I=new URL(e(70878),e.b),M=new URL(e(1018),e.b),j=new URL(e(77968),e.b),g=new URL(e(84135),e.b),m=d()(o()),D=c()(r),y=c()(s),L=c()(N),b=c()(u),k=c()(x),C=c()(I),w=c()(M),p=c()(j),A=c()(g);m.push([n.id,".index-module--GENnl {\n  width: 50px !important;\n}\n\n.index-module--GENnl {\n  position: absolute;\n  gap: 30px;\n  display: flex;\n  flex-direction: column;\n  background: #19181d;\n  z-index: 800;\n  transition: width 0.3s ease-in-out, margin-left 0.3s;\n  --animation-delay: 0s;\n}\n\n.index-module--kNNcN {\n  width: 250px !important;\n}\n\n.index-module--kNNcN {\n  transition: width 0.3s ease-in-out;\n}\n.index-module--GENnl p {\n  position: absolute;\n  left: 50px;\n  top: -10px;\n  font-size: 0px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n.index-module--kNNcN p {\n  width: auto;\n  width: initial;\n  color: #ffffff;\n  height: auto;\n  height: initial;\n  font-size: inherit;\n  transition: font-size 0s;\n  transition-delay: 0.1s;\n  color: rgb(255, 255, 255);\n  white-space: nowrap;\n  margin: 5%;\n}\n.index-module--kNNcN p:hover {\n  color: rgb(255, 255, 255);\n  transition: color 0.3s;\n  cursor: pointer;\n}\n\n.index-module--jjM33 {\n  width: 25px;\n  height: 25px;\n  background-size: 25px;\n  background-repeat: no-repeat;\n  transform: rotate(0deg);\n  transition: transform 0.3s;\n}\n.index-module--GENnl button {\n  display: flex;\n  position: relative;\n  margin-top: 10px;\n  border-radius: 40px;\n  border-width: 0px;\n  background-color: rgba(0, 26, 255, 0);\n  transition: background-color var(--animation-delay) ease-in-out, color var(--animation-delay) ease-in-out;\n  margin: 0px 5px;\n  box-sizing: 1px;\n}\n.index-module--GENnl button:hover {\n  background-color: white;\n  cursor: pointer;\n}\n.index-module--GENnl > :first-child {\n  margin-top: 20px;\n}\n.index-module--kNNcN button:hover p {\n  color: black;\n  transition: none 0s ease 0s;\n  transition: initial;\n}\n.index-module--GENnl button:hover div {\n  background-color: black;\n  background-image: none;\n  background-image: initial;\n}\n\n.index-module--kNNcN .index-module--XoYLM {\n  font-size: 20px !important;\n  transition: font-size 0.1s !important;\n  transition-delay: 0.1s !important;\n}\n\n.index-module--kNNcN .index-module--XoYLM {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  margin-top: 12px;\n  margin-left: 2px;\n  vertical-align: top;\n}\n.index-module--sajUx {\n  background-image: url("+D+");\n}\n.index-module--GENnl button:hover .index-module--sajUx {\n  mask: url("+D+") no-repeat center / contain;\n  -webkit-mask: url("+D+") no-repeat center / contain;\n}\n.index-module--rvymg {\n  background-image: url("+y+");\n}\n.index-module--GENnl button:hover .index-module--rvymg {\n  mask: url("+y+") no-repeat center / contain;\n  -webkit-mask: url("+y+") no-repeat center / contain;\n}\n.index-module--O01Dr {\n  background-image: url("+L+");\n}\n.index-module--GENnl button:hover .index-module--O01Dr {\n  mask: url("+L+") no-repeat center / contain;\n  -webkit-mask: url("+L+") no-repeat center / contain;\n}\n.index-module--JeZHq {\n  background-image: url("+b+");\n}\n.index-module--GENnl button:hover .index-module--JeZHq {\n  mask: url("+b+") no-repeat center / contain;\n  -webkit-mask: url("+b+") no-repeat center / contain;\n}\n.index-module--OKITf {\n  background-image: url("+k+");\n}\n.index-module--GENnl button:hover .index-module--OKITf {\n  mask: url("+k+") no-repeat center / contain;\n  -webkit-mask: url("+k+") no-repeat center / contain;\n}\n.index-module--ytBkK {\n  background-image: url("+C+");\n}\n\n.index-module--GENnl button:hover .index-module--ytBkK {\n  mask: url("+C+") no-repeat center / contain;\n  -webkit-mask: url("+C+") no-repeat center / contain;\n}\n\n.index-module--YNWJb {\n  background-image: url("+w+");\n}\n.index-module--GENnl button:hover .index-module--YNWJb {\n  mask: url("+w+") no-repeat center / contain;\n  -webkit-mask: url("+w+") no-repeat center / contain;\n}\n\n.index-module--Zr5r1 {\n  background-image: url("+p+");\n}\n\n.index-module--GENnl button:hover .index-module--Zr5r1 {\n  mask: url("+p+") no-repeat center / contain;\n  -webkit-mask: url("+p+") no-repeat center / contain;\n}\n\n.index-module--eSSvg {\n  background-image: url("+A+");\n}\n\n.index-module--GENnl button:hover .index-module--eSSvg {\n  mask: url("+A+") no-repeat center / contain;\n  -webkit-mask: url("+A+") no-repeat center / contain;\n}\n\n.index-module--kNNcN button:first-of-type div:first-of-type {\n  transform: rotate(180deg);\n  transition: transform 0.3s;\n}\n",""]);var Z="index-module--GENnl",T="index-module--kNNcN",v="index-module--jjM33",S="index-module--XoYLM",E="index-module--sajUx",z="index-module--rvymg",h="index-module--O01Dr",G="index-module--JeZHq",P="index-module--OKITf",R="index-module--ytBkK",H="index-module--YNWJb",W="index-module--Zr5r1",f="index-module--eSSvg";const Y=m},57036:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjxwYXRoIGQ9Ik0yMiwxMVYzaC03djNIOVYzSDJ2OGg3VjhoMnYxMGg0djNoN3YtOGgtN3YzaC0yVjhoMnYzSDIyeiBNNyw5SDRWNWgzVjl6IE0xNywxNWgzdjRoLTNWMTV6IE0xNyw1aDN2NGgtM1Y1eiIvPjwvc3ZnPg=="},77968:n=>{n.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgZmlsbD0iI0ZGRkZGRiIgIGhlaWdodD0iNDgiIHdpZHRoPSI0OCI+PHBhdGggZD0ibTkuNjUgMjkuNjUtMS4xNS0yLjVMNiAyNmwyLjUtMS4xNSAxLjE1LTIuNSAxLjE1IDIuNUwxMy4zIDI2bC0yLjUgMS4xNVpNMTYgNDEuNDVsLTEuNzUtMy43LTMuNy0xLjc1IDMuNy0xLjc1IDEuNzUtMy43IDEuNzUgMy43IDMuNyAxLjc1LTMuNyAxLjc1Wm0wLTIwLTEuNzUtMy43LTMuNy0xLjc1IDMuNy0xLjc1IDEuNzUtMy43IDEuNzUgMy43IDMuNyAxLjc1LTMuNyAxLjc1Wk0zOCA0NHEtNi4wNS0yLjUtOS43NzUtOC4xMjVRMjQuNSAzMC4yNSAyNC41IDI0cTAtNC41NSAyLjE3NS05LjA1UTI4Ljg1IDEwLjQ1IDMyLjYgN2gtOC40VjRIMzh2MTMuOGgtM1Y4Ljg1cS0zLjQ1IDMuMS01LjQ3NSA3LjE3NVEyNy41IDIwLjEgMjcuNSAyNHEwIDUuMDUgMi45IDkuNyAyLjkgNC42NSA3LjYgN1oiLz48L3N2Zz4="},1018:n=>{n.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiPjxwYXRoICBkPSJNNiAzNnYtM2gzNnYzWm0wLTEwLjV2LTNoMzZ2M1pNNiAxNXYtM2gzNnYzWiIvPjwvc3ZnPg=="},58339:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cGF0aCBkPSJNMjAsM0g0QzIuOSwzLDIsMy45LDIsNXYxNGMwLDEuMSwwLjksMiwyLDJoMTZjMS4xLDAsMi0wLjksMi0yVjUgQzIyLDMuOSwyMS4xLDMsMjAsM3ogTTIwLDE5SDRWNWgxNlYxOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxOS40MSwxMC40MiAxNy45OSw5IDE0LjgyLDEyLjE3IDEzLjQxLDEwLjc1IDEyLDEyLjE2IDE0LjgyLDE1Ii8+PHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI1IiB5PSI3Ii8+PHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI1IiB5PSIxMSIvPjxyZWN0IGZpbGwtcnVsZT0iZXZlbm9kZCIgaGVpZ2h0PSIyIiB3aWR0aD0iNSIgeD0iNSIgeT0iMTUiLz48L2c+PC9nPjwvc3ZnPg=="},76087:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDJINGMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0yek04IDIwSDR2LTRoNHY0em0wLTZINHYtNGg0djR6bTAtNkg0VjRoNHY0em02IDEyaC00di00aDR2NHptMC02aC00di00aDR2NHptMC02aC00VjRoNHY0em02IDEyaC00di00aDR2NHptMC02aC00di00aDR2NHptMC02aC00VjRoNHY0eiIvPjwvc3ZnPg=="},84135:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPgo8cGF0aCBkPSJNNDQwLTE4M3YtMjc0TDIwMC01OTZ2Mjc0bDI0MCAxMzlabTgwIDAgMjQwLTEzOXYtMjc0TDUyMC00NTd2Mjc0Wm0tNDAtMzQzIDIzNy0xMzctMjM3LTEzNy0yMzcgMTM3IDIzNyAxMzdaTTE2MC0yNTJxLTE5LTExLTI5LjUtMjlUMTIwLTMyMXYtMzE4cTAtMjIgMTAuNS00MHQyOS41LTI5bDI4MC0xNjFxMTktMTEgNDAtMTF0NDAgMTFsMjgwIDE2MXExOSAxMSAyOS41IDI5dDEwLjUgNDB2MzE4cTAgMjItMTAuNSA0MFQ4MDAtMjUyTDUyMC05MXEtMTkgMTEtNDAgMTF0LTQwLTExTDE2MC0yNTJabTMyMC0yMjhaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPg=="},70878:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cGF0aCBkPSJNNi4zNiwxOC43OEw2LjYxLDIxbDEuNjItMS41NGwyLjc3LTcuNmMtMC42OC0wLjE3LTEuMjgtMC41MS0xLjc3LTAuOThMNi4zNiwxOC43OHoiLz48cGF0aCBkPSJNMTQuNzcsMTAuODhjLTAuNDksMC40Ny0xLjEsMC44MS0xLjc3LDAuOThsMi43Nyw3LjZMMTcuMzksMjFsMC4yNi0yLjIyTDE0Ljc3LDEwLjg4eiIvPjxwYXRoIGQ9Ik0xNSw4YzAtMS4zLTAuODQtMi40LTItMi44MlYzaC0ydjIuMThDOS44NCw1LjYsOSw2LjcsOSw4YzAsMS42NiwxLjM0LDMsMywzUzE1LDkuNjYsMTUsOHogTTEyLDljLTAuNTUsMC0xLTAuNDUtMS0xIGMwLTAuNTUsMC40NS0xLDEtMXMxLDAuNDUsMSwxQzEzLDguNTUsMTIuNTUsOSwxMiw5eiIvPjwvZz48L2c+PC9zdmc+"},53575:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDZjMy43OSAwIDcuMTcgMi4xMyA4LjgyIDUuNUMxOS4xNyAxNC44NyAxNS43OSAxNyAxMiAxN3MtNy4xNy0yLjEzLTguODItNS41QzQuODMgOC4xMyA4LjIxIDYgMTIgNm0wLTJDNyA0IDIuNzMgNy4xMSAxIDExLjUgMi43MyAxNS44OSA3IDE5IDEyIDE5czkuMjctMy4xMSAxMS03LjVDMjEuMjcgNy4xMSAxNyA0IDEyIDR6bTAgNWMxLjM4IDAgMi41IDEuMTIgMi41IDIuNVMxMy4zOCAxNCAxMiAxNHMtMi41LTEuMTItMi41LTIuNVMxMC42MiA5IDEyIDltMC0yYy0yLjQ4IDAtNC41IDIuMDItNC41IDQuNVM5LjUyIDE2IDEyIDE2czQuNS0yLjAyIDQuNS00LjVTMTQuNDggNyAxMiA3eiIvPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7990],{27990:(n,i,e)=>{e.r(i),e.d(i,{default:()=>C});var t=e(34988),o=e(72874),a=e(87363),d=e(65515),c=e.n(d),l=e(93379),r=e.n(l),s=e(7795),N=e.n(s),x=e(90569),u=e.n(x),I=e(3565),M=e.n(I),j=e(19216),g=e.n(j),m=e(44589),D=e.n(m),y=e(69879),L={};L.styleTagTransform=D(),L.setAttributes=M(),L.insert=u().bind(null,"head"),L.domAPI=N(),L.insertStyleElement=g();r()(y.ZP,L);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=e(47514),b=["setCurrentWindowActive","currentWindowActive"];const C=function Sidebar(n){var i=n.setCurrentWindowActive,e=n.currentWindowActive,d=(0,o.Z)(n,b),l=(0,a.useState)(!1),r=(0,t.Z)(l,2),s=r[0],N=r[1];return(0,k.jsxs)("div",{className:c()(y.CZ,s?y.Zj:void 0,d.className),onMouseEnter:function onMouseEnter(){return N(!0)},onMouseLeave:function onMouseLeave(){return N(!1)},children:[(0,k.jsxs)("button",{onClick:function onClick(){return N(!s)},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.yf)}),(0,k.jsx)("p",{className:y.Fs,children:"Catalog Analyser"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("3D/2D")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.oP)}),(0,k.jsx)("p",{children:"2D/3D"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("Options"==e?"3D/2D":"Options")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y._j)}),(0,k.jsx)("p",{children:"Optionsübersicht"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("PartList"==e?"3D/2D":"PartList")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.r9)}),(0,k.jsx)("p",{children:"Stückliste"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("DecisionAnalyzer"==e?"3D/2D":"DecisionAnalyzer")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.r9)}),(0,k.jsx)("p",{children:"DecisionAnalyzer"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("PriceAnalyzer"==e?"3D/2D":"PriceAnalyzer")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.r9)}),(0,k.jsx)("p",{children:"PriceAnalyzer"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("Artikelübersicht"==e?"3D/2D":"Artikelübersicht")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.X0)}),(0,k.jsx)("p",{children:"Artikelübersicht"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("ekText"==e?"3D/2D":"ekText")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.NF)}),(0,k.jsx)("p",{children:"EK-Text"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("SVGübersicht"==e?"3D/2D":"SVGübersicht")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.cu)}),(0,k.jsx)("p",{children:"SVG - Übersicht"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("CatalogMakeup"==e?"3D/2D":"CatalogMakeup")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.Nc)}),(0,k.jsx)("p",{children:"Catalog Makeup"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("RTVAnalyzer"==e?"3D/2D":"RTVAnalyzer")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y.GE)}),(0,k.jsx)("p",{children:"RTV Analyzer"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("J3DEditor")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y._j)}),(0,k.jsx)("p",{children:"J3DEditor"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("PropertiesEditor")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y._j)}),(0,k.jsx)("p",{children:"Properties Editor"})]}),(0,k.jsxs)("button",{onClick:function onClick(){i("MaskEditor")},children:[(0,k.jsx)("div",{className:c()(y.Nx,y._j)}),(0,k.jsx)("p",{children:"Mask Editor"})]})]})}},69879:(n,i,e)=>{e.d(i,{CZ:()=>Z,Fs:()=>S,GE:()=>f,NF:()=>H,Nc:()=>W,Nx:()=>v,X0:()=>G,ZP:()=>Y,Zj:()=>T,_j:()=>z,cu:()=>R,oP:()=>h,r9:()=>E,yf:()=>P});var t=e(8081),o=e.n(t),a=e(23645),d=e.n(a),c=e(61667),l=e.n(c),r=new URL(e(58339),e.b),s=new URL(e(76087),e.b),N=new URL(e(53575),e.b),x=new URL(e(57036),e.b),u=new URL(e(85108),e.b),I=new URL(e(70878),e.b),M=new URL(e(1018),e.b),j=new URL(e(77968),e.b),g=new URL(e(84135),e.b),m=d()(o()),D=l()(r),y=l()(s),L=l()(N),k=l()(x),b=l()(u),C=l()(I),w=l()(M),p=l()(j),A=l()(g);m.push([n.id,".index-module--GENnl {\n  width: 50px !important;\n}\n\n.index-module--GENnl {\n  position: absolute;\n  gap: 30px;\n  display: flex;\n  flex-direction: column;\n  background: #19181d;\n  z-index: 800;\n  transition: width 0.3s ease-in-out, margin-left 0.3s;\n  --animation-delay: 0s;\n}\n\n.index-module--kNNcN {\n  width: 250px !important;\n}\n\n.index-module--kNNcN {\n  transition: width 0.3s ease-in-out;\n}\n.index-module--GENnl p {\n  position: absolute;\n  left: 50px;\n  top: -10px;\n  font-size: 0px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n.index-module--kNNcN p {\n  width: auto;\n  width: initial;\n  color: #ffffff;\n  height: auto;\n  height: initial;\n  font-size: inherit;\n  transition: font-size 0s;\n  transition-delay: 0.1s;\n  color: rgb(255, 255, 255);\n  white-space: nowrap;\n  margin: 5%;\n}\n.index-module--kNNcN p:hover {\n  color: rgb(255, 255, 255);\n  transition: color 0.3s;\n  cursor: pointer;\n}\n\n.index-module--jjM33 {\n  width: 25px;\n  height: 25px;\n  background-size: 25px;\n  background-repeat: no-repeat;\n  transform: rotate(0deg);\n  transition: transform 0.3s;\n}\n.index-module--GENnl button {\n  display: flex;\n  position: relative;\n  margin-top: 10px;\n  border-radius: 40px;\n  border-width: 0px;\n  background-color: rgba(0, 26, 255, 0);\n  transition: background-color var(--animation-delay) ease-in-out, color var(--animation-delay) ease-in-out;\n  margin: 0px 5px;\n  box-sizing: 1px;\n}\n.index-module--GENnl button:hover {\n  background-color: white;\n  cursor: pointer;\n}\n.index-module--GENnl > :first-child {\n  margin-top: 20px;\n}\n.index-module--kNNcN button:hover p {\n  color: black;\n  transition: none 0s ease 0s;\n  transition: initial;\n}\n.index-module--GENnl button:hover div {\n  background-color: black;\n  background-image: none;\n  background-image: initial;\n}\n\n.index-module--kNNcN .index-module--XoYLM {\n  font-size: 20px !important;\n  transition: font-size 0.1s !important;\n  transition-delay: 0.1s !important;\n}\n\n.index-module--kNNcN .index-module--XoYLM {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  margin-top: 12px;\n  margin-left: 2px;\n  vertical-align: top;\n}\n.index-module--sajUx {\n  background-image: url("+D+");\n}\n.index-module--GENnl button:hover .index-module--sajUx {\n  mask: url("+D+") no-repeat center / contain;\n  -webkit-mask: url("+D+") no-repeat center / contain;\n}\n.index-module--rvymg {\n  background-image: url("+y+");\n}\n.index-module--GENnl button:hover .index-module--rvymg {\n  mask: url("+y+") no-repeat center / contain;\n  -webkit-mask: url("+y+") no-repeat center / contain;\n}\n.index-module--O01Dr {\n  background-image: url("+L+");\n}\n.index-module--GENnl button:hover .index-module--O01Dr {\n  mask: url("+L+") no-repeat center / contain;\n  -webkit-mask: url("+L+") no-repeat center / contain;\n}\n.index-module--JeZHq {\n  background-image: url("+k+");\n}\n.index-module--GENnl button:hover .index-module--JeZHq {\n  mask: url("+k+") no-repeat center / contain;\n  -webkit-mask: url("+k+") no-repeat center / contain;\n}\n.index-module--OKITf {\n  background-image: url("+b+");\n}\n.index-module--GENnl button:hover .index-module--OKITf {\n  mask: url("+b+") no-repeat center / contain;\n  -webkit-mask: url("+b+") no-repeat center / contain;\n}\n.index-module--ytBkK {\n  background-image: url("+C+");\n}\n\n.index-module--GENnl button:hover .index-module--ytBkK {\n  mask: url("+C+") no-repeat center / contain;\n  -webkit-mask: url("+C+") no-repeat center / contain;\n}\n\n.index-module--YNWJb {\n  background-image: url("+w+");\n}\n.index-module--GENnl button:hover .index-module--YNWJb {\n  mask: url("+w+") no-repeat center / contain;\n  -webkit-mask: url("+w+") no-repeat center / contain;\n}\n\n.index-module--Zr5r1 {\n  background-image: url("+p+");\n}\n\n.index-module--GENnl button:hover .index-module--Zr5r1 {\n  mask: url("+p+") no-repeat center / contain;\n  -webkit-mask: url("+p+") no-repeat center / contain;\n}\n\n.index-module--eSSvg {\n  background-image: url("+A+");\n}\n\n.index-module--GENnl button:hover .index-module--eSSvg {\n  mask: url("+A+") no-repeat center / contain;\n  -webkit-mask: url("+A+") no-repeat center / contain;\n}\n\n.index-module--kNNcN button:first-of-type div:first-of-type {\n  transform: rotate(180deg);\n  transition: transform 0.3s;\n}\n",""]);var Z="index-module--GENnl",T="index-module--kNNcN",v="index-module--jjM33",S="index-module--XoYLM",z="index-module--sajUx",E="index-module--rvymg",h="index-module--O01Dr",G="index-module--JeZHq",P="index-module--OKITf",R="index-module--ytBkK",H="index-module--YNWJb",W="index-module--Zr5r1",f="index-module--eSSvg";const Y=m},57036:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjxwYXRoIGQ9Ik0yMiwxMVYzaC03djNIOVYzSDJ2OGg3VjhoMnYxMGg0djNoN3YtOGgtN3YzaC0yVjhoMnYzSDIyeiBNNyw5SDRWNWgzVjl6IE0xNywxNWgzdjRoLTNWMTV6IE0xNyw1aDN2NGgtM1Y1eiIvPjwvc3ZnPg=="},77968:n=>{n.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgZmlsbD0iI0ZGRkZGRiIgIGhlaWdodD0iNDgiIHdpZHRoPSI0OCI+PHBhdGggZD0ibTkuNjUgMjkuNjUtMS4xNS0yLjVMNiAyNmwyLjUtMS4xNSAxLjE1LTIuNSAxLjE1IDIuNUwxMy4zIDI2bC0yLjUgMS4xNVpNMTYgNDEuNDVsLTEuNzUtMy43LTMuNy0xLjc1IDMuNy0xLjc1IDEuNzUtMy43IDEuNzUgMy43IDMuNyAxLjc1LTMuNyAxLjc1Wm0wLTIwLTEuNzUtMy43LTMuNy0xLjc1IDMuNy0xLjc1IDEuNzUtMy43IDEuNzUgMy43IDMuNyAxLjc1LTMuNyAxLjc1Wk0zOCA0NHEtNi4wNS0yLjUtOS43NzUtOC4xMjVRMjQuNSAzMC4yNSAyNC41IDI0cTAtNC41NSAyLjE3NS05LjA1UTI4Ljg1IDEwLjQ1IDMyLjYgN2gtOC40VjRIMzh2MTMuOGgtM1Y4Ljg1cS0zLjQ1IDMuMS01LjQ3NSA3LjE3NVEyNy41IDIwLjEgMjcuNSAyNHEwIDUuMDUgMi45IDkuNyAyLjkgNC42NSA3LjYgN1oiLz48L3N2Zz4="},1018:n=>{n.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiPjxwYXRoICBkPSJNNiAzNnYtM2gzNnYzWm0wLTEwLjV2LTNoMzZ2M1pNNiAxNXYtM2gzNnYzWiIvPjwvc3ZnPg=="},58339:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cGF0aCBkPSJNMjAsM0g0QzIuOSwzLDIsMy45LDIsNXYxNGMwLDEuMSwwLjksMiwyLDJoMTZjMS4xLDAsMi0wLjksMi0yVjUgQzIyLDMuOSwyMS4xLDMsMjAsM3ogTTIwLDE5SDRWNWgxNlYxOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxOS40MSwxMC40MiAxNy45OSw5IDE0LjgyLDEyLjE3IDEzLjQxLDEwLjc1IDEyLDEyLjE2IDE0LjgyLDE1Ii8+PHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI1IiB5PSI3Ii8+PHJlY3QgZmlsbC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjIiIHdpZHRoPSI1IiB4PSI1IiB5PSIxMSIvPjxyZWN0IGZpbGwtcnVsZT0iZXZlbm9kZCIgaGVpZ2h0PSIyIiB3aWR0aD0iNSIgeD0iNSIgeT0iMTUiLz48L2c+PC9nPjwvc3ZnPg=="},76087:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTIwIDJINGMtMS4xIDAtMiAuOS0yIDJ2MTZjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0yek04IDIwSDR2LTRoNHY0em0wLTZINHYtNGg0djR6bTAtNkg0VjRoNHY0em02IDEyaC00di00aDR2NHptMC02aC00di00aDR2NHptMC02aC00VjRoNHY0em02IDEyaC00di00aDR2NHptMC02aC00di00aDR2NHptMC02aC00VjRoNHY0eiIvPjwvc3ZnPg=="},84135:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPgo8cGF0aCBkPSJNNDQwLTE4M3YtMjc0TDIwMC01OTZ2Mjc0bDI0MCAxMzlabTgwIDAgMjQwLTEzOXYtMjc0TDUyMC00NTd2Mjc0Wm0tNDAtMzQzIDIzNy0xMzctMjM3LTEzNy0yMzcgMTM3IDIzNyAxMzdaTTE2MC0yNTJxLTE5LTExLTI5LjUtMjlUMTIwLTMyMXYtMzE4cTAtMjIgMTAuNS00MHQyOS41LTI5bDI4MC0xNjFxMTktMTEgNDAtMTF0NDAgMTFsMjgwIDE2MXExOSAxMSAyOS41IDI5dDEwLjUgNDB2MzE4cTAgMjItMTAuNSA0MFQ4MDAtMjUyTDUyMC05MXEtMTkgMTEtNDAgMTF0LTQwLTExTDE2MC0yNTJabTMyMC0yMjhaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPg=="},70878:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cGF0aCBkPSJNNi4zNiwxOC43OEw2LjYxLDIxbDEuNjItMS41NGwyLjc3LTcuNmMtMC42OC0wLjE3LTEuMjgtMC41MS0xLjc3LTAuOThMNi4zNiwxOC43OHoiLz48cGF0aCBkPSJNMTQuNzcsMTAuODhjLTAuNDksMC40Ny0xLjEsMC44MS0xLjc3LDAuOThsMi43Nyw3LjZMMTcuMzksMjFsMC4yNi0yLjIyTDE0Ljc3LDEwLjg4eiIvPjxwYXRoIGQ9Ik0xNSw4YzAtMS4zLTAuODQtMi40LTItMi44MlYzaC0ydjIuMThDOS44NCw1LjYsOSw2LjcsOSw4YzAsMS42NiwxLjM0LDMsMywzUzE1LDkuNjYsMTUsOHogTTEyLDljLTAuNTUsMC0xLTAuNDUtMS0xIGMwLTAuNTUsMC40NS0xLDEtMXMxLDAuNDUsMSwxQzEzLDguNTUsMTIuNTUsOSwxMiw5eiIvPjwvZz48L2c+PC9zdmc+"},53575:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDZjMy43OSAwIDcuMTcgMi4xMyA4LjgyIDUuNUMxOS4xNyAxNC44NyAxNS43OSAxNyAxMiAxN3MtNy4xNy0yLjEzLTguODItNS41QzQuODMgOC4xMyA4LjIxIDYgMTIgNm0wLTJDNyA0IDIuNzMgNy4xMSAxIDExLjUgMi43MyAxNS44OSA3IDE5IDEyIDE5czkuMjctMy4xMSAxMS03LjVDMjEuMjcgNy4xMSAxNyA0IDEyIDR6bTAgNWMxLjM4IDAgMi41IDEuMTIgMi41IDIuNVMxMy4zOCAxNCAxMiAxNHMtMi41LTEuMTItMi41LTIuNVMxMC42MiA5IDEyIDltMC0yYy0yLjQ4IDAtNC41IDIuMDItNC41IDQuNVM5LjUyIDE2IDEyIDE2czQuNS0yLjAyIDQuNS00LjVTMTQuNDggNyAxMiA3eiIvPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8950.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8950,9229,9214,6108],{19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),r=t(53185),o=t(87363),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),h=t.n(m),b=t(44589),f=t.n(b),g=t(84887),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();d()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var w=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,d=void 0===a?(0,o.useState)(""):a,l=(0,i.Z)(d,2),s=l[0],c=l[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],h=x[1],b=u.getViewConfig().displayMetaDatas,f=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,o.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===b[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<b.length;r++)i(r)}h(e),c(e)}}),[]),s?(0,w.jsx)("div",{style:n,className:g.B,children:m}):(0,w.jsx)(w.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),r=t(87363),o=t(93379),a=t.n(o),d=t(7795),l=t.n(d),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),h=t(44589),b=t.n(h),f=t(8907),g={};g.styleTagTransform=b(),g.setAttributes=p(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();a()(f.ZP,g);f.ZP&&f.ZP.locals&&f.ZP.locals;var v=t(74530),w=t(53185),y=t(88683),P=t(65515),j=t.n(P),k=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 O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,k.jsx)(k.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,w.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,k.jsxs)(k.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+v.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},v.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 N=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,a=e.price,d=e.sel,l=(0,y.useDivaCore)().state,s=l.hidePrices,c=l.hideConfigPricePreview,u=(0,w.NP)();return s||"off"==u.productState.pricePreview?(0,k.jsx)(k.Fragment,{}):a?(0,k.jsx)("div",{className:j()(f.aH,"left"==i?f.t$:f.F2),style:o,children:v.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},v.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&d?(0,k.jsx)(k.Fragment,{}):n?(0,k.jsx)(r.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,k.jsx)("div",{className:j()(f.aH,"left"==i?f.t$:f.F2),style:o,children:(0,k.jsx)(r.Suspense,{fallback:(0,k.jsx)("div",{className:f._m}),children:(0,k.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,k.jsx)(k.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),a=t(7795),d=t.n(a),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),h=t.n(m),b=t(23327),f={};f.styleTagTransform=h(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var g=t(88683),v=t(59214),w=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 y=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,a=e.hexColor,d=e.layerProps,l=e.pricePreviewPromise,s=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,g.useDivaCore)().state.theme;return(0,w.jsxs)("div",_objectSpread(_objectSpread({className:b.Cu},d),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),d.style),children:[s?(0,w.jsx)("img",{src:s,alt:i}):a?(0,w.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+a}}):(0,w.jsx)(w.Fragment,{}),(0,w.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,w.jsx)("div",{className:b._W,children:r}),o&&(0,w.jsx)("div",{className:b._W,children:o}),void 0!==l&&(0,w.jsx)(v.default,{asyncPricePreview:l})]}))}},98950:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(88683),a=t(65515),d=t.n(a),l=t(53185),s=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),h=t(90569),b=t.n(h),f=t(3565),g=t.n(f),v=t(19216),w=t.n(v),y=t(44589),P=t.n(y),j=t(57771),k={};k.styleTagTransform=P(),k.setAttributes=g(),k.insert=b().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();p()(j.ZP,k);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(46770),S=t(19229),N=t(76108),Z=t(59214),C=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,s.Pi)((function ShelfAccessoires(e){var n,t=e.item,i=e.grids,a=(0,l.NP)(),s=(0,o.useTranslation)(),u=(0,o.useDivaCore)().state,p=u.hidePrices,x=u.dimensions,m=x.isMobile,h=x.isTablet,b=(0,c.useState)(""),f=(0,r.Z)(b,2),g=f[0],v=f[1],w={},y={},P=void 0,k=!1,D={},_=(0,O.XI)({delayEnter:600,hideOnScroll:!0}),T=(0,O.sJ)({isOpen:_[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return m||h||a.getViewConfig().hideTooltip||(k=_[0],D=_[1],w=T.triggerProps,y=T.layerProps,P=T.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(i,t.articleCodex,void 0,!0)},className:j.RV},w),D),{},{children:[(0,C.jsxs)("div",{className:d()(j.iZ,j.vc),children:[(0,C.jsx)("div",{className:d()(j.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:d()(j.TX),children:[(0,C.jsx)("div",{className:d()(j.db,""!==g?j.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(S.default,{metaData:t.metaData,visible:[g,v]},t.articleCodex),(0,C.jsx)("div",{className:d()(j.WN),children:o.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},s)})]})]}),!p&&!!t.price&&(0,C.jsx)(Z.default,{price:t.price,style:{paddingTop:6}}),k&&(null===(n=P)||void 0===n?void 0:n((0,C.jsx)(N.default,{text:t.name,desciption:g,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},84887:(e,n,t)=>{t.d(n,{B:()=>d,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 l=a},8907:(e,n,t)=>{t.d(n,{F2:()=>s,ZP:()=>u,_m:()=>c,aH:()=>d,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var d="index-module--bVDuL",l="index-module--zI2ES",s="index-module--kN6Sz",c="index-module--POmA7";const u=a},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>d,Y7:()=>s,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var d="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T";const u=a},57771:(e,n,t)=>{t.d(n,{Bm:()=>x,K5:()=>c,RV:()=>d,TX:()=>u,WN:()=>m,ZP:()=>h,db:()=>p,iZ:()=>l,vc:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.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 d="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",p="index-module--PoiMR",x="index-module--Khqca",m="index-module--gYuZ8";const h=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8950,1336,9229,9214,6108],{21336:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),o=t(88683),r=t(93379),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),c=t.n(s),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),h=t(44589),f=t.n(h),g=t(23240),C={};C.styleTagTransform=f(),C.setAttributes=x(),C.insert=c().bind(null,"head"),C.domAPI=l(),C.insertStyleElement=m();d()(g.ZP,C);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=t(87363),b=t(53185),w=t(65515),y=t.n(w),P=t(9420),j=t(47514),k=t(25108);const O=(0,P.Pi)((function InfoIcon(e){var n,t,r,d=e.item,a=e.style,l=((0,o.useDivaCore)().state.theme.palette,(0,b.NP)()),s=d.contentItemId,c=null!==(n=null!==(t=null!==(r=d.codex)&&void 0!==r?r:d.articleCodex)&&void 0!==t?t:d.title)&&void 0!==n?n:d.key,u=(0,v.useState)(!1),x=(0,i.Z)(u,2),p=x[0],m=x[1],h=d.sel||p;if((0,v.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s&&c==l.settingsState.clickedFrom;"OPVTTFK_350"==d.codex&&k.log("hallo"),!e&&p&&m(!1),e&&!p&&m(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||h}()?(0,j.jsx)("div",{className:g.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(s,c),m(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:y()(g.hv,h?void 0:g.al,p?g.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:g.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:g.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:y()(g.dA,h?g.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,{})}))},19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(53185),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),h=t.n(m),f=t(44589),g=t.n(f),C=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=h();a()(C.Z,v);C.Z&&C.Z.locals&&C.Z.locals;var b=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],h=p[1],f=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==f?void 0:f.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===f[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<f.length;o++)i(o)}h(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:C.B,children:m}):(0,b.jsx)(b.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(87363),r=t(93379),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),c=t.n(s),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),h=t(44589),f=t.n(h),g=t(8907),C={};C.styleTagTransform=f(),C.setAttributes=x(),C.insert=c().bind(null,"head"),C.domAPI=l(),C.insertStyleElement=m();d()(g.ZP,C);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=t(74530),b=t(53185),w=t(88683),y=t(65515),P=t.n(y),j=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,j.jsx)(j.Fragment,{})},O=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,b.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,j.jsxs)(j.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+v.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},v.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 S=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,r=e.style,d=e.price,a=e.sel,l=(0,w.useDivaCore)().state,s=l.hidePrices,c=l.hideConfigPricePreview,u=(0,b.NP)();return s||"off"==u.productState.pricePreview?(0,j.jsx)(j.Fragment,{}):d?(0,j.jsx)("div",{className:P()(g.aH,"left"==i?g.t$:g.F2),style:r,children:v.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},v.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&a?(0,j.jsx)(j.Fragment,{}):n?(0,j.jsx)(o.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,j.jsx)("div",{className:P()(g.aH,"left"==i?g.t$:g.F2),style:r,children:(0,j.jsx)(o.Suspense,{fallback:(0,j.jsx)("div",{className:g._m}),children:(0,j.jsx)(O,{asyncPricePreview:n.promise})})})})}):(0,j.jsx)(j.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),o=(t(87363),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),h=t.n(m),f=t(23327),g={};g.styleTagTransform=h(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(f.ZP,g);f.ZP&&f.ZP.locals&&f.ZP.locals;var C=t(88683),v=t(59214),b=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,o=e.desciption,r=e.codex,d=e.hexColor,a=e.layerProps,l=e.pricePreviewPromise,s=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,C.useDivaCore)().state.theme;return(0,b.jsxs)("div",_objectSpread(_objectSpread({className:f.Cu},a),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),a.style),children:[s?(0,b.jsx)("img",{src:s,alt:i}):d?(0,b.jsx)("div",{className:f.CO,style:{backgroundColor:"#"+d}}):(0,b.jsx)(b.Fragment,{}),(0,b.jsx)("div",{className:f.Y7,dangerouslySetInnerHTML:{__html:i}}),o&&(0,b.jsx)("div",{className:f._W,children:o}),r&&(0,b.jsx)("div",{className:f._W,children:r}),void 0!==l&&(0,b.jsx)(v.default,{asyncPricePreview:l})]}))}},98950:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(88683),d=t(65515),a=t.n(d),l=t(53185),s=t(9420),c=t(87363),u=t(93379),x=t.n(u),p=t(7795),m=t.n(p),h=t(90569),f=t.n(h),g=t(3565),C=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),P=t(57771),j={};j.styleTagTransform=y(),j.setAttributes=C(),j.insert=f().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=b();x()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var k=t(46770),O=t(19229),S=t(76108),Z=t(59214),N=t(21336),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 I=(0,s.Pi)((function ShelfAccessoires(e){var n,t=e.item,i=e.grids,d=(0,l.NP)(),s=(0,r.useTranslation)(),u=(0,r.useDivaCore)().state,x=u.hidePrices,p=u.dimensions,m=p.isMobile,h=p.isTablet,f=(0,c.useState)(""),g=(0,o.Z)(f,2),C=g[0],v=g[1],b={},w={},y=void 0,j=!1,I={},D=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),T=(0,k.sJ)({isOpen:D[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});return m||h||d.getViewConfig().hideTooltip||(j=D[0],I=D[1],b=T.triggerProps,w=T.layerProps,y=T.renderLayer),(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return d.paletteViewHandler.clickedOnShelfAccessorie(i,t.articleCodex,void 0,!0)},className:P.RV},b),I),{},{children:[(0,F.jsxs)("div",{className:a()(P.iZ,P.vc),children:[(0,F.jsx)("div",{className:a()(P.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,F.jsxs)("div",{className:a()(P.TX),children:[(0,F.jsx)("div",{className:a()(P.db,""!==C?P.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,F.jsx)(O.default,{metaData:t.metaData,visible:[C,v]},t.articleCodex),(0,F.jsx)("div",{className:a()(P.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},s)})]})]}),!x&&!!t.price&&(0,F.jsx)(Z.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,F.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),j&&(null===(n=y)||void 0===n?void 0:n((0,F.jsx)(S.default,{text:t.name,desciption:C,image:t.image,codex:t.articleCodex,layerProps:w},t.articleCodex)))]}))}))},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}\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:()=>s,ZP:()=>u,_m:()=>c,aH:()=>a,t$:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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--zI2ES",s="index-module--kN6Sz",c="index-module--POmA7";const u=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>u,_W:()=>c});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}\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--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T";const u=d},57771:(e,n,t)=>{t.d(n,{Bm:()=>p,K5:()=>c,RV:()=>a,TX:()=>u,WN:()=>m,ZP:()=>h,db:()=>x,iZ:()=>l,vc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.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 a="index-module--ckN3g",l="index-module--9x5co",s="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const h=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9874.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9874,5056,3958,1482,2334,3051,2188,971],{57618:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var r=t(84658),o=t(34988),i=t(50747),a=t.n(i),l=t(87363),c=t(9420),s=t(53185),d=t(1463),u=t.n(d),p=t(93379),h=t.n(p),f=t(7795),x=t.n(f),b=t(90569),m=t.n(b),j=t(3565),v=t.n(j),g=t(19216),y=t.n(g),S=t(44589),O=t.n(S),w=t(89144),P={};P.styleTagTransform=O(),P.setAttributes=v(),P.insert=m().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=y();h()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(74530),C=t(47514);const A=(0,c.Pi)((function JsonEditor(e){var n=e.json,t=(e.plannerArticles,e.curBox),i=e.divaArticles,c=(0,s.NP)(),d=(0,l.useRef)(null),p=(0,l.useRef)(null),h=(0,l.useState)(null!=n?n:{}),f=(0,o.Z)(h,2),x=f[0],b=f[1],m=(0,l.useState)(!0),j=(0,o.Z)(m,2),v=j[0],g=j[1],y=(0,l.useState)([]),S=(0,o.Z)(y,2),O=S[0],P=S[1],A=i[t],N={mode:"code",onChange:function onChange(){try{var e=p.current,n=(e.get(),e.validate());g(n)}catch(e){return void g(!1)}}};(0,l.useEffect)((function(){b(n)})),(0,l.useEffect)((function(){d.current&&(p.current||(p.current=new(u())(d.current,N)),p.current&&p.current.set(x))}),[x]);var D=function(){var e=(0,r.Z)(a().mark((function _callee(){var e;return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if((e=p.current).get()&&0!==Object.keys(e.get()).length){n.next=4;break}return alert("Cannot save empty value"),n.abrupt("return");case 4:return A.catalogArticle.modifiedJ3D=e.get(),A.resetShelfPlanner(),n.next=8,A.updateShelfPlannerState({});case 8:c.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return n.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,n=null===(e=c.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,t=[];for(var r in n)n[r].catalogArticle.modifiedJ3D&&t.push({articleCodex:r,j3d:JSON.stringify(n[r].catalogArticle.modifiedJ3D)});P(t)}return(0,C.jsxs)("div",{className:w.YS,children:[(0,C.jsx)("div",{ref:d,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,C.jsxs)("div",{className:w.IU,children:[(0,C.jsx)("button",{className:w.LI,disabled:!v,onClick:function onClick(){return D()},children:"Save"}),(0,C.jsx)("button",{className:w.LI,onClick:function onClick(){return function onClickExport(){if(O&&0!==O.length)for(var e=0;e<O.length;e++)k.ZP.downloadStringAsTxtFile(O[e].j3d,"text/plain",O[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,C.jsxs)("div",{children:[(0,C.jsx)("h5",{children:"Modified Articles"}),O.map((function(e,n){return(0,C.jsx)("p",{className:w.lI,children:e.articleCodex},n)}))]})]})]})}))},3958:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(9420),u=t(85399),p=t(65515),h=t.n(p),f=t(53185),x=t(47514),b=["plannerArticles","curBox","isExpanded"];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 m=(0,d.Pi)((function SVGOverview(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,a.Z)(e,b)),l=(0,f.NP)(),d=(0,s.useState)("None"),p=(0,i.Z)(d,2),m=p[0],j=p[1],v=l.divaWebPlanner.getDivaArticles();if(!v)return(0,x.jsx)(x.Fragment,{});var g=Object.values(v).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],S=g[t],O="",w="",P=[];if(void 0===y)return(0,x.jsx)(x.Fragment,{});if(y.topSvgsWithFormula){var k;null===(k=S.plannerData)||void 0===k||k.curSVG;var C=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=S.plannerData)||void 0===n?void 0:n.curSVG)}));if(C){for(var A=0;A<y.topSvgsWithFormula.length;A++)P.push(y.topSvgsWithFormula[A]);w=S.CatalogData.getCatImageURL(null==C?void 0:C.SVG,""),O=C.SVG,null==C||C.JsFormula}}if(w||(w=S.CatalogData.getCatImageURL(y.topSvg,""),P.push({SVG:w,Layer:y.topLayer,AVC:y.topAVC,AVO:y.topAVO,AVU:y.topAVU,AVN:y.topAVN,AVS:y.topAVS,HasAVL:y.topHasAVL,HasAVR:y.topHasAVR,JsFormula:""})),""!==w){var N=function(){var e=(0,o.Z)(c().mark((function _callee(e){var n;return c().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=j,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();N(w)}else"None"!=m&&j("None");return(0,x.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.EU),children:(0,x.jsxs)("table",{className:u.Kz,children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{className:u.$Q,children:[(0,x.jsx)("th",{children:"Nr"}),(0,x.jsx)("th",{children:"SVG"}),(0,x.jsx)("th",{children:"Layer"}),(0,x.jsx)("th",{children:"AVC"}),(0,x.jsx)("th",{children:"AVO"}),(0,x.jsx)("th",{children:"AVU "}),(0,x.jsx)("th",{children:"AVN "}),(0,x.jsx)("th",{children:"AVS "}),(0,x.jsx)("th",{children:"HasAVL "}),(0,x.jsx)("th",{children:"HasAVR "}),(0,x.jsx)("th",{children:"JSFormula "})]})}),(0,x.jsx)("tbody",{children:Object.values(P).map((function(e,n){return(0,x.jsxs)("tr",{className:e.SVG===O?u.hv:void 0,children:[(0,x.jsx)("th",{children:n+1}),(0,x.jsx)("th",{children:(0,x.jsx)("img",{src:S.CatalogData.getCatImageURL(e.SVG,"")})}),(0,x.jsx)("th",{children:e.Layer}),(0,x.jsx)("th",{children:e.AVC}),(0,x.jsx)("th",{children:e.AVO}),(0,x.jsx)("th",{children:e.AVU}),(0,x.jsx)("th",{children:e.AVN}),(0,x.jsx)("th",{children:e.AVS}),(0,x.jsx)("th",{children:e.HasAVL}),(0,x.jsx)("th",{children:e.HasAVR}),(0,x.jsx)("th",{children:e.JsFormula})]},e.JsFormula)}))})]})}))}))},31482:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(9420),u=t(85399),p=t(65515),h=t.n(p),f=t(53185),x=t(47514),b=["plannerArticles","curBox","isExpanded"];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 m=(0,d.Pi)((function SVGSourceViewer(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,a.Z)(e,b)),l=(0,f.NP)(),d=(0,s.useState)("None"),p=(0,i.Z)(d,2),m=p[0],j=p[1],v=l.divaWebPlanner.getDivaArticles();if(!v)return(0,x.jsx)(x.Fragment,{});var g=Object.values(v).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],S=g[t],O="";if(void 0===y)return(0,x.jsx)(x.Fragment,{});if(y.topSvgsWithFormula){var w;null===(w=S.plannerData)||void 0===w||w.curSVG;var P=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=S.plannerData)||void 0===n?void 0:n.curSVG)}));null!=P&&P.SVG&&(O=S.CatalogData.getCatImageURL(P.SVG,""))}if(O||(O=S.CatalogData.getCatImageURL(y.topSvg,"")),""!==O){var k=function(){var e=(0,o.Z)(c().mark((function _callee(e){var n;return c().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=j,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();k(O)}else"None"!=m&&j("None");return(0,x.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:h()(u.EU),children:(0,x.jsx)("textarea",{readOnly:!0,value:m})}))}))},82334:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(9420),o=(t(87363),t(3958)),i=t(31482),a=t(47514);const l=(0,r.Pi)((function index(e){if("SVGOVERVIEW"===e.selectedJson)var n=(0,a.jsx)(o.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});else n=(0,a.jsx)(i.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});return(0,a.jsx)("div",{children:n})}))},73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var r=t(34988),o=t(65515),i=t.n(o),a=t(87363),l=t(10304),c=t(20196),s=t(73263),d=t(53185),u=t(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const h=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),o=(0,r.Z)(t,1)[0],h=(0,a.useState)(),f=(0,r.Z)(h,2),x=f[0],b=f[1],m=(0,d.NP)();(0,a.useEffect)((function(){n.layout=null!=x?x:o,m.paletteViewHandler.updateCurPaletteData(!0)}),[x]),(0,a.useEffect)((function(){return function(){n.layout=o,m.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var j=(0,u.jsx)(s.default,{onClick:function onClick(){return b(void 0)},open:!1,iconAsDelete:!!x});return(0,u.jsxs)("div",{className:c.YS,children:["Layout:",(0,u.jsx)(l.Z,{className:i()(c.oF),controlClassName:c.x_,options:p,value:x,onChange:function onChange(e){return b(e.value)},placeholder:o,arrowClosed:j,arrowOpen:j})]})}},27810:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(65515),o=t.n(r),i=t(9420),a=(t(87363),t(10304)),l=t(20196),c=t(73263),s=t(47514);const d=(0,i.Pi)((function OptionsSelector(e){var n=e.options,t=e.optionState,r=(0,s.jsx)(c.default,{onClick:function onClick(){return t[1](void 0)},open:!1,iconAsDelete:!!t[0]});return(0,s.jsx)("div",{className:l.YS,children:(0,s.jsx)(a.Z,{className:o()(l.oF),controlClassName:l.x_,options:n.map((function(e){return{label:e.name,value:e.codex}})),value:t[0],onChange:function onChange(e){return t[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},35762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(80248),o=t(84658),i=t(34988),a=t(50747),l=t.n(a),c=t(65515),s=t.n(c),d=t(9420),u=t(53185),p=t(87363),h=t(93379),f=t.n(h),x=t(7795),b=t.n(x),m=t(90569),j=t.n(m),v=t(3565),g=t.n(v),y=t(19216),S=t.n(y),O=t(44589),w=t.n(O),P=t(7046),k={};k.styleTagTransform=w(),k.setAttributes=g(),k.insert=j().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=S();f()(P.ZP,k);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=t(27810),A=t(73812),N=t(88683),D=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 _=(0,d.Pi)((function CatalogMakeup(e){var n=(0,u.NP)(),t=(0,p.useState)([]),r=(0,i.Z)(t,2),a=r[0],c=r[1],d=(0,p.useState)(),h=(0,i.Z)(d,2),f=h[0],x=h[1],b=null==a?void 0:a.find((function(e){return e.codex===f}));(0,p.useEffect)((function(){var e=n.divaWebPlanner.actSet(),t=null==e?void 0:e.CatalogData.getOptions();null!=t&&t.length&&c(t)}),[n.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==a?void 0:a.find((function(e){return e.codex===f}));e&&m(e)}),[f]);var m=function(){var e=(0,o.Z)(l().mark((function _callee(e){var t;return l().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(t=n.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return n.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==t?void 0:t.key),n.updateConfiguratorState(!0),r.next=6,N.DivaUtils.Sleep(100);case 6:n.paletteViewHandler.scrollToConfigStepByPosNr(t.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(n){return e.apply(this,arguments)}}();return(0,D.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,P.fm),children:(0,D.jsxs)("div",{className:P.YS,children:[(0,D.jsx)("a",{className:P.Fs,children:"CatalogMakeup"}),(0,D.jsxs)("div",{className:P.nC,children:[(0,D.jsx)(C.default,{options:a,optionState:[f,x]}),b&&(0,D.jsx)(A.default,{option:b},b.codex)]})]})}))}))},304:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var r=t(12952),o=t(80248),i=t(84658),a=t(34988),l=t(88291),c=t(50747),s=t.n(c),d=t(87363),u=t(51203),p=t(36115),h=t(53185),f=t(9420),x=t(65515),b=t.n(x),m=t(88683),j=(t(76839),t(13222)),v=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,o.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 g=(0,f.Pi)((function DecisionAnalyzer(e){var n,t=Object.assign({},((0,l.Z)(e),e)),o=(0,h.NP)(),c=o.divaWebPlanner.getDivaArticles(),f=(0,d.useState)(!1),x=(0,a.Z)(f,2),g=x[0],y=x[1];(0,d.useEffect)((function(){var e=function(){var e=(0,i.Z)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,m.DivaUtils.Sleep(1e3);case 2:y(!g);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[o.tabGroupState.allTabGroups]),(0,d.useEffect)((function(){var e=o.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=o.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[o.uiState.isLoading]);var S=Object.values(null!=c?c:{}).find((function(e){return 1==e.posNr})),O=(0,d.useState)(),w=(0,a.Z)(O,2),P=w[0],k=w[1],C=(0,d.useState)(),A=(0,a.Z)(C,2),N=A[0],D=A[1];if(!S)return(0,v.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm),style:{zIndex:800},children:(0,v.jsx)("a",{className:p.Fs,children:"Decision analyzer - plann article"})}));var _=S.CatalogData.isIDMFormat,E=null===(n=S.decisionDebugStacks)||void 0===n||null===(n=n[0])||void 0===n||null===(n=n.stack)||void 0===n?void 0:n.length;if(!E)return(0,v.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm),style:{zIndex:800},children:(0,v.jsx)("a",{className:p.Fs,children:"Decision analyzer - change config"})}));var Z=(0,r.Z)(Array(E).keys()),V=[];return V=_?S.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===N||!(null!==(n=e.decision.featureRefs)&&void 0!==n&&n.includes(N)||null!==(t=e.decision.optionCombinations)&&void 0!==t&&t.find((function(e){var n;return null===(n=e.actions)||void 0===n?void 0:n.find((function(e){return function parseAction(e){try{var n,t,r=e.split(":"),o=(0,a.Z)(r,2),i=o[0],l=o[1].split("="),c=(0,a.Z)(l,2),s=c[0],d=c[1];if(d){var u=d.split("#"),p=(0,a.Z)(u,2);n=p[0],t=p[1]}return{actionType:i,target:s,ref:n,value:t}}catch(e){throw e}}(e).target==N||e==N}))}))))})}))})):S.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===N||!(null!==(n=e.decision.DOC)&&void 0!==n&&n.find((function(e){var n,t;return(null===(n=e.DA)||void 0===n?void 0:n.find((function(e){return e.OptionCodex==N||e.DecisionNr==N})))||(null===(t=e.JsFormula)||void 0===t?void 0:t.includes("'OPT"+N+"'"))}))||null!==(t=e.decision.Options)&&void 0!==t&&t.includes("OPT"+N)))})}))})),(0,v.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm,o.uiState.configSettingsIsExpanded?u.NF:void 0),style:{zIndex:800},children:[(0,v.jsxs)("a",{className:p.Fs,children:["Decision history",(0,v.jsx)("input",{value:N,onChange:function onChange(e){return D(e.target.value)},placeholder:"filter option ohne OPT"})]}),(0,v.jsxs)("div",{children:[(0,v.jsxs)("table",{className:p.Kz,children:[(0,v.jsx)("thead",{children:(0,v.jsx)("tr",{className:p.$Q,children:V.map((function(e,n){return(0,v.jsx)("th",{children:n},n)}))})}),(0,v.jsx)("tbody",{children:Z.map((function(e,n){return(0,v.jsx)("tr",{className:p.$Q,children:V.map((function(e,t){var r,o;return(0,v.jsx)("th",{onClick:function onClick(){return function onClick(e,n){var t,r;e==((null==P||null===(t=P.decision)||void 0===t?void 0:t.Number)||(null==P||null===(r=P.decision)||void 0===r?void 0:r.decisionNo))?k(void 0):k(n)}(e[n].nr,e[n])},children:e[n].bold?(0,v.jsx)("strong",{children:null===(r=e[n])||void 0===r?void 0:r.text}):null===(o=e[n])||void 0===o?void 0:o.text},t)}))},n)}))})]}),P&&(0,v.jsx)("div",{className:p.EC,children:(0,v.jsx)(j.default,{decision:P.decision,snapshots:P.snapshots})})]})]}))}))},23051:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(65515),d=t.n(s),u=t(9420),p=t(87363),h=t(53185),f=t(93379),x=t.n(f),b=t(7795),m=t.n(b),j=t(90569),v=t.n(j),g=t(3565),y=t.n(g),S=t(19216),O=t.n(S),w=t(44589),P=t.n(w),k=t(13689),C={};C.styleTagTransform=P(),C.setAttributes=y(),C.insert=v().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=O();x()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var A=t(47514),N=["onMouseDown"];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 D=(0,u.Pi)((function EkTextViewer(e){var n=e.onMouseDown,t=(0,a.Z)(e,N),r=(0,h.NP)(),l=(0,p.useState)(""),s=(0,i.Z)(l,2),u=s[0],f=s[1],x=(0,p.useState)([]),b=(0,i.Z)(x,2),m=b[0],j=b[1],v=function(){var e=(0,o.Z)(c().mark((function _callee(){var e,n,t;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:if(t=o.sent){o.next=5;break}return o.abrupt("return");case 5:f(null!==(e=t.getEKText())&&void 0!==e?e:""),j(null!==(n=t.SAPOrderLines)&&void 0!==n?n:[]);case 7:case"end":return o.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,p.useEffect)((function(){v()}),[r.settingsState.configChanged]),(0,A.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:d()(t.className,k.fm),children:(0,A.jsxs)("div",{className:k.YS,children:[(0,A.jsx)("a",{className:k.Fs,onMouseDown:n,children:"EkText Übersicht"}),!!m.length&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("h3",{children:"SapOrderLines"}),(0,A.jsxs)("table",{className:k.Kz,children:[(0,A.jsx)("thead",{children:(0,A.jsxs)("tr",{className:k.$Q,children:[(0,A.jsx)("th",{children:"Name"}),(0,A.jsx)("th",{children:"EkText"}),(0,A.jsx)("th",{children:"Preis"}),(0,A.jsx)("th",{children:"Artikle Nr."}),(0,A.jsx)("th",{children:"Retail Artikle Nr."}),(0,A.jsx)("th",{children:"Prefix"}),(0,A.jsx)("th",{children:"Menge"}),(0,A.jsx)("th",{children:"PosNr"})]})}),(0,A.jsx)("tbody",{children:m.map((function(e,n){var t;return(0,A.jsxs)("tr",{className:k.$Q,children:[(0,A.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,A.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,A.jsx)("th",{}),(0,A.jsxs)("th",{children:[" ",null!==(t=e.Price)&&void 0!==t?t:0," "]}),(0,A.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,A.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,A.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,A.jsxs)("th",{children:[e.Quantity," "]}),(0,A.jsx)("th",{children:e.PosNr})]},n)}))})]})]}),(0,A.jsxs)("div",{children:[(0,A.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator.clipboard)||void 0===e?void 0:e.writeText(u)},children:"kopieren"}),(0,A.jsx)("div",{className:k.nG,dangerouslySetInnerHTML:{__html:u.replace(/\r\n/g,"<br>")}})]})]})}))}))},35631:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var r=t(80248),o=t(9420),i=(t(87363),t(72072)),a=t(57618),l=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 c=(0,o.Pi)((function J3DEditor(e){return(0,l.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},82149:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(51203),u=t(93379),p=t.n(u),h=t(7795),f=t.n(h),x=t(90569),b=t.n(x),m=t(3565),j=t.n(m),v=t(19216),g=t.n(v),y=t(44589),S=t.n(y),O=t(15909),w={};w.styleTagTransform=S(),w.setAttributes=j(),w.insert=b().bind(null,"head"),w.domAPI=f(),w.insertStyleElement=g();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var P=t(53185),k=t(9420),C=t(65515),A=t.n(C),N=t(88683),D=t(47514),_=["onMouseDown"];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 E=(0,k.Pi)((function ArticleOverview(e){var n,t=e.onMouseDown,r=(0,a.Z)(e,_),l=(0,P.NP)(),u=Object.values(null!==(n=l.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{}),p=(0,s.useState)(!1),h=(0,i.Z)(p,2),f=h[0],x=h[1];return(0,s.useEffect)((function(){var e=function(){var e=(0,o.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,N.DivaUtils.Sleep(1e3);case 2:x(!f);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[l.settingsState.configChanged]),l.productState.formatedTotalPrice,(0,D.jsxs)("div",_objectSpread(_objectSpread({},r),{},{className:A()(r.className,O.fm,l.uiState.configSettingsIsExpanded?d.NF:void 0),children:[(0,D.jsx)("a",{className:O.Fs,onMouseDown:t,children:"Artikel Übersicht"}),(0,D.jsxs)("table",{className:O.Kz,children:[(0,D.jsx)("thead",{children:(0,D.jsxs)("tr",{className:O.$Q,children:[(0,D.jsx)("th",{children:"Name"}),(0,D.jsx)("th",{children:"ArticleCodex"}),(0,D.jsx)("th",{children:"CatalogCodex"}),(0,D.jsx)("th",{children:"Preis"}),(0,D.jsx)("th",{children:"Bruttopreis"}),(0,D.jsx)("th",{children:"Discount Prozent"}),(0,D.jsx)("th",{children:"Menge"})]})}),(0,D.jsx)("tbody",{children:Object.values(u).map((function(e,n){var t,r,o;return(0,D.jsxs)("tr",{className:O.$Q,children:[(0,D.jsxs)("th",{children:[" ",e.name]}),(0,D.jsxs)("th",{children:[e.articleCodex," "]}),(0,D.jsxs)("th",{children:[e.catalogCodex," "]}),(0,D.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,D.jsxs)("th",{children:[" ",null!==(r=e.bruttoCalcPrice)&&void 0!==r?r:0," "]}),(0,D.jsxs)("th",{children:[" ",null!==(o=e.discountPercentage)&&void 0!==o?o:0," "]}),(0,D.jsxs)("th",{children:[e.quantity," "]})]},e.basketId)}))})]})]}))}))},12188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),o=t(34988),i=t(87363),a=t(93379),l=t.n(a),c=t(7795),s=t.n(c),d=t(90569),u=t.n(d),p=t(3565),h=t.n(p),f=t(19216),x=t.n(f),b=t(44589),m=t.n(b),j=t(77648),v={};v.styleTagTransform=m(),v.setAttributes=h(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();l()(j.ZP,v);j.ZP&&j.ZP.locals&&j.ZP.locals;var g=t(9420),y=t(65515),S=t.n(y),O=t(1463),w=t.n(O),P=t(53185),k=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 C=(0,g.Pi)((function MaskEditor(e){var n,t=(0,P.NP)(),r=(0,i.useRef)(null),a=(0,i.useRef)(null),l=(0,i.useState)(!0),c=(0,o.Z)(l,2),s=c[0],d=c[1],u=null===(n=t.divaWebPlanner.getCatalogData())||void 0===n?void 0:n.catalogMask,p=(0,i.useState)(null!=u?u:{}),h=(0,o.Z)(p,2),f=h[0],x=(h[1],{mode:"code",onChange:function onChange(){try{var e=a.current,n=(e.get(),e.validate());d(n)}catch(e){return void d(!1)}}});(0,i.useEffect)((function(){r.current&&(a.current||(a.current=new(w())(r.current,x)),a.current&&a.current.set(f))}),[f]);return(0,k.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:S()(j.YS,e.className),children:["MaskEditor",(0,k.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,k.jsx)("div",{className:j.Yq,children:(0,k.jsx)("button",{className:j.LI,disabled:!s,onClick:function onClick(){return function onClickSave(){var e=a.current;if(e.get()&&0!==Object.keys(e.get()).length){var n=e.get(),r=t.divaWebPlanner.getCatalogData();r&&(r.catalogMask=n),t.divaWebPlanner.updateWebConfiguratorTitle(),t.paletteViewHandler.updateCurPaletteData(!0),t.uiState.setActiveCatalogSection("3D/2D"),t.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},40971:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(80248),o=t(65515),i=t.n(o),a=t(53185),l=t(87363),c=t(93379),s=t.n(c),d=t(7795),u=t.n(d),p=t(90569),h=t.n(p),f=t(3565),x=t.n(f),b=t(19216),m=t.n(b),j=t(44589),v=t.n(j),g=t(62904),y={};y.styleTagTransform=v(),y.setAttributes=x(),y.insert=h().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=m();s()(g.ZP,y);g.ZP&&g.ZP.locals&&g.ZP.locals;var S=t(9420),O=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 w=(0,S.Pi)((function RTVAnalyzer(e){var n=(0,a.NP)().rtvAnalyzeData,t=(0,l.useRef)(),r=0,o=0,c=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?o+=e.sizeMb:c+=e.sizeMb)}));var s=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return s=s.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=s,(0,O.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:i()(e.className,g.fm),children:(0,O.jsxs)("div",{className:g.YS,children:[(0,O.jsx)("a",{className:g.Fs,children:"RTV Analyzer"}),(0,O.jsx)("div",{className:g.nC,children:(0,O.jsxs)("table",{className:g.Bm,children:[(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{children:"Art"}),(0,O.jsx)("th",{children:"Name"}),(0,O.jsx)("th",{children:"Pfad"}),(0,O.jsx)("th",{children:"Geos (std mat)"}),(0,O.jsx)("th",{children:"Größe (MB | %)"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Geo Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*o)/100+"mb | "+Math.round(o/r*100)+"%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Tex Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*c)/100+"mb | "+Math.round(c/r*100)+"%"})]}),s.map((function(e){return(0,O.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,O.jsx)("td",{children:e.type}),(0,O.jsx)("td",{children:e.name}),(0,O.jsx)("td",{children:(0,O.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,O.jsx)("td",{children:e.geo}),(0,O.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},70685:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var r=t(80248),o=t(88291),i=(t(87363),t(9420)),a=t(72072),l=t(82334),c=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 s=(0,i.Pi)((function SVGAnalyser(e){var n=Object.assign({},((0,o.Z)(e),e));return(0,c.jsx)(a.default,_objectSpread(_objectSpread({},n),{},{className:n.className,ChildComponent:l.default,settings:[{key:"SVGSOURCE",name:"SVG Source"},{key:"SVGOVERVIEW",name:"SVG Übersicht"}],title:"SVG Übersicht"}))}))},19874:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),o=t(88291),i=t(9420),a=t(87363),l=t(53492),c=t(27990),s=t(62347),d=t(53185),u=t(97078),p=t(12188),h=t(70685),f=t(51203),x=t(23051),b=t(35762),m=t(304),j=t(40971),v=t(35631),g=t(19631),y=t(82149),S=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,i.Pi)((function CatalogProduct(e){var n=Object.assign({},((0,o.Z)(e),e)),t=(0,d.NP)();(0,a.useEffect)((function(){switch(t.uiState.activeCatalogSection){case"Options":t.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"DecisionAnalyzer":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"MaskEditor":t.uiState.setConfigSettingsIsExpanded(!1)}}),[t.uiState.activeCatalogSection]),(0,a.useEffect)((function(){t.getIsInMobileView()&&t.uiState.setActiveCatalogSection("3D/2D")}),[]);var r=void 0,i=n.className+" "+f.pb;switch(t.uiState.activeCatalogSection){case"Options":r=(0,S.jsx)(s.default,_objectSpread(_objectSpread({},n),{},{style:{zIndex:700}}));break;case"PartList":r=(0,S.jsx)(u.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"DecisionAnalyzer":r=(0,S.jsx)(m.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"Artikelübersicht":r=(0,S.jsx)(y.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"SVGübersicht":r=(0,S.jsx)(h.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"ekText":r=(0,S.jsx)(x.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"CatalogMakeup":r=(0,S.jsx)(b.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"RTVAnalyzer":r=(0,S.jsx)(j.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"J3DEditor":r=(0,S.jsx)(v.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"PropertiesEditor":r=(0,S.jsx)(g.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"MaskEditor":r=(0,S.jsx)(p.default,_objectSpread(_objectSpread({},n),{},{className:i}))}return(0,S.jsxs)(S.Fragment,{children:[!t.uiState.isInMobileView&&(0,S.jsx)(c.default,_objectSpread(_objectSpread({},n),{},{currentWindowActive:t.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),t.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(l.default,_objectSpread(_objectSpread({},n),{},{style:{boxSizing:"border-box",borderLeft:t.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),r]})}))},89144:(e,n,t)=>{t.d(n,{IU:()=>s,LI:()=>c,YS:()=>l,ZP:()=>u,lI:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var l="index-module--B2E8Y",c="index-module--Qe3Dm",s="index-module--AG2M4",d="index-module--QweAA";const u=a},6521:(e,n,t)=>{t.d(n,{$Q:()=>s,EU:()=>l,Kz:()=>c,ZP:()=>u,hv:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0",c="index-module--ZQXRQ",s="index-module--zMMBL",d="index-module--iJwMt";const u=a},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>d,oF:()=>c,x_:()=>s});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1",c="index-module--CJSAc",s="index-module--h2JpC";const d=a},7046:(e,n,t)=>{t.d(n,{Fs:()=>s,YS:()=>l,ZP:()=>u,fm:()=>c,nC:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--tlOAN {\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: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\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--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var l="index-module--tlOAN",c="index-module--Y4cLX",s="index-module--mAsES",d="index-module--Ool1Y";const u=a},13689:(e,n,t)=>{t.d(n,{$Q:()=>p,Fs:()=>s,Kz:()=>u,YS:()=>l,ZP:()=>h,fm:()=>c,nG:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--dRdX7 {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--JnUb8 {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--qSiiY {\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\n.index-module--BYi2l {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--etPY7 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--etPY7 thead {\n  font-weight: bold !important;\n}\n.index-module--etPY7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--vMmTT {\n  text-align: left;\n}\n.index-module--vMmTT:first-child {\n  height: 20px;\n}\n.index-module--vMmTT th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--vMmTT th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--vMmTT th:last-child {\n  font-size: 12px;\n}\n",""]);var l="index-module--dRdX7",c="index-module--JnUb8",s="index-module--qSiiY",d="index-module--BYi2l",u="index-module--etPY7",p="index-module--vMmTT";const h=a},15909:(e,n,t)=>{t.d(n,{$Q:()=>c,Fs:()=>d,Kz:()=>l,ZP:()=>u,fm:()=>s});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--kRnTO {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--kRnTO thead {\n  font-weight: bold !important;\n}\n.index-module--kRnTO thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: black;\n}\n.index-module--Vrir_ {\n  text-align: left;\n  height: 20px;\n}\n.index-module--Vrir_ th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--Vrir_ th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--Vrir_ th:last-child {\n  font-size: 12px;\n}\n.index-module--I8vaR {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.index-module--pl89e {\n  height: 46px;\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  cursor: ns-resize;\n}\n",""]);var l="index-module--kRnTO",c="index-module--Vrir_",s="index-module--I8vaR",d="index-module--pl89e";const u=a},77648:(e,n,t)=>{t.d(n,{LI:()=>s,YS:()=>l,Yq:()=>c,ZP:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--e2swR {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--byqXs {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--edLvC {\n}\n",""]);var l="index-module--e2swR",c="index-module--byqXs",s="index-module--edLvC";const d=a},62904:(e,n,t)=>{t.d(n,{Bm:()=>u,Fs:()=>s,YS:()=>l,ZP:()=>p,fm:()=>c,nC:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.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 l="index-module--vimXW",c="index-module--XF0jR",s="index-module--oJ5Mn",d="index-module--PllSF",u="index-module--k9y7K";const p=a},85399:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EU:()=>x.EU,Kz:()=>x.Kz,hv:()=>x.hv});var r=t(93379),o=t.n(r),i=t(7795),a=t.n(i),l=t(90569),c=t.n(l),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),h=t(44589),f=t.n(h),x=t(6521),b={};b.styleTagTransform=f(),b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();o()(x.ZP,b),x.ZP&&x.ZP.locals&&x.ZP.locals},20196:(e,n,t)=>{t.d(n,{YS:()=>x.YS,oF:()=>x.oF,x_:()=>x.x_});var r=t(93379),o=t.n(r),i=t(7795),a=t.n(i),l=t(90569),c=t.n(l),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),h=t(44589),f=t.n(h),x=t(95044),b={};b.styleTagTransform=f(),b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();o()(x.ZP,b),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9874,5056,3958,1482,2334,3051,2188,971],{57618:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(84658),o=t(34988),i=t(50747),a=t.n(i),l=t(87363),c=t(9420),s=t(53185),d=t(1463),u=t.n(d),p=t(93379),f=t.n(p),h=t(7795),x=t.n(h),b=t(90569),m=t.n(b),j=t(3565),g=t.n(j),v=t(19216),y=t.n(v),S=t(44589),O=t.n(S),w=t(89144),P={};P.styleTagTransform=O(),P.setAttributes=g(),P.insert=m().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=y();f()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(74530),N=t(47514);const C=(0,c.Pi)((function JsonEditor(e){var n=e.json,t=(e.plannerArticles,e.curBox),i=e.divaArticles,c=(0,s.NP)(),d=(0,l.useRef)(null),p=(0,l.useRef)(null),f=(0,l.useState)(null!=n?n:{}),h=(0,o.Z)(f,2),x=h[0],b=h[1],m=(0,l.useState)(!0),j=(0,o.Z)(m,2),g=j[0],v=j[1],y=(0,l.useState)([]),S=(0,o.Z)(y,2),O=S[0],P=S[1],C=i[t],D={mode:"code",onChange:function onChange(){try{var e=p.current,n=(e.get(),e.validate());v(n)}catch(e){return void v(!1)}}};(0,l.useEffect)((function(){b(n)})),(0,l.useEffect)((function(){d.current&&(p.current||(p.current=new(u())(d.current,D)),p.current&&p.current.set(x))}),[x]);var A=function(){var e=(0,r.Z)(a().mark((function _callee(){var e;return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if((e=p.current).get()&&0!==Object.keys(e.get()).length){n.next=4;break}return alert("Cannot save empty value"),n.abrupt("return");case 4:return C.catalogArticle.modifiedJ3D=e.get(),C.resetShelfPlanner(),n.next=8,C.updateShelfPlannerState({});case 8:c.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return n.stop()}}),_callee)})));return function onClickSave(){return e.apply(this,arguments)}}();function setModifiedInfo(){var e,n=null===(e=c.divaWebPlanner.getCatalogData())||void 0===e?void 0:e.allCatalogArticles,t=[];for(var r in n)n[r].catalogArticle.modifiedJ3D&&t.push({articleCodex:r,j3d:JSON.stringify(n[r].catalogArticle.modifiedJ3D)});P(t)}return(0,N.jsxs)("div",{className:w.YS,children:[(0,N.jsx)("div",{ref:d,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,N.jsxs)("div",{className:w.IU,children:[(0,N.jsx)("button",{className:w.LI,disabled:!g,onClick:function onClick(){return A()},children:"Save"}),(0,N.jsx)("button",{className:w.LI,onClick:function onClick(){return function onClickExport(){if(O&&0!==O.length)for(var e=0;e<O.length;e++)k.ZP.downloadStringAsTxtFile(O[e].j3d,"text/plain",O[e].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,N.jsxs)("div",{children:[(0,N.jsx)("h5",{children:"Modified Articles"}),O.map((function(e,n){return(0,N.jsx)("p",{className:w.lI,children:e.articleCodex},n)}))]})]})]})}))},3958:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(9420),u=t(85399),p=t(65515),f=t.n(p),h=t(53185),x=t(47514),b=["plannerArticles","curBox","isExpanded"];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 m=(0,d.Pi)((function SVGOverview(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,a.Z)(e,b)),l=(0,h.NP)(),d=(0,s.useState)("None"),p=(0,i.Z)(d,2),m=p[0],j=p[1],g=l.divaWebPlanner.getDivaArticles();if(!g)return(0,x.jsx)(x.Fragment,{});var v=Object.values(g).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],S=v[t],O="",w="",P=[];if(void 0===y)return(0,x.jsx)(x.Fragment,{});if(y.topSvgsWithFormula){var k;null===(k=S.plannerData)||void 0===k||k.curSVG;var N=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=S.plannerData)||void 0===n?void 0:n.curSVG)}));if(N){for(var C=0;C<y.topSvgsWithFormula.length;C++)P.push(y.topSvgsWithFormula[C]);w=S.CatalogData.getCatImageURL(null==N?void 0:N.SVG,""),O=N.SVG,null==N||N.JsFormula}}if(w||(w=S.CatalogData.getCatImageURL(y.topSvg,""),P.push({SVG:w,Layer:y.topLayer,AVC:y.topAVC,AVO:y.topAVO,AVU:y.topAVU,AVN:y.topAVN,AVS:y.topAVS,HasAVL:y.topHasAVL,HasAVR:y.topHasAVR,JsFormula:""})),""!==w){var D=function(){var e=(0,o.Z)(c().mark((function _callee(e){var n;return c().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=j,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();D(w)}else"None"!=m&&j("None");return(0,x.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:f()(u.EU),children:(0,x.jsxs)("table",{className:u.Kz,children:[(0,x.jsx)("thead",{children:(0,x.jsxs)("tr",{className:u.$Q,children:[(0,x.jsx)("th",{children:"Nr"}),(0,x.jsx)("th",{children:"SVG"}),(0,x.jsx)("th",{children:"Layer"}),(0,x.jsx)("th",{children:"AVC"}),(0,x.jsx)("th",{children:"AVO"}),(0,x.jsx)("th",{children:"AVU "}),(0,x.jsx)("th",{children:"AVN "}),(0,x.jsx)("th",{children:"AVS "}),(0,x.jsx)("th",{children:"HasAVL "}),(0,x.jsx)("th",{children:"HasAVR "}),(0,x.jsx)("th",{children:"JSFormula "})]})}),(0,x.jsx)("tbody",{children:Object.values(P).map((function(e,n){return(0,x.jsxs)("tr",{className:e.SVG===O?u.hv:void 0,children:[(0,x.jsx)("th",{children:n+1}),(0,x.jsx)("th",{children:(0,x.jsx)("img",{src:S.CatalogData.getCatImageURL(e.SVG,"")})}),(0,x.jsx)("th",{children:e.Layer}),(0,x.jsx)("th",{children:e.AVC}),(0,x.jsx)("th",{children:e.AVO}),(0,x.jsx)("th",{children:e.AVU}),(0,x.jsx)("th",{children:e.AVN}),(0,x.jsx)("th",{children:e.AVS}),(0,x.jsx)("th",{children:e.HasAVL}),(0,x.jsx)("th",{children:e.HasAVR}),(0,x.jsx)("th",{children:e.JsFormula})]},e.JsFormula)}))})]})}))}))},31482:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(9420),u=t(85399),p=t(65515),f=t.n(p),h=t(53185),x=t(47514),b=["plannerArticles","curBox","isExpanded"];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 m=(0,d.Pi)((function SVGSourceViewer(e){var n=e.plannerArticles,t=e.curBox,r=(e.isExpanded,(0,a.Z)(e,b)),l=(0,h.NP)(),d=(0,s.useState)("None"),p=(0,i.Z)(d,2),m=p[0],j=p[1],g=l.divaWebPlanner.getDivaArticles();if(!g)return(0,x.jsx)(x.Fragment,{});var v=Object.values(g).filter((function(e){return e.hasCatalogPlannerArticle})),y=n[t],S=v[t],O="";if(void 0===y)return(0,x.jsx)(x.Fragment,{});if(y.topSvgsWithFormula){var w;null===(w=S.plannerData)||void 0===w||w.curSVG;var P=y.topSvgsWithFormula.find((function(e){var n;return e.SVG===(null===(n=S.plannerData)||void 0===n?void 0:n.curSVG)}));null!=P&&P.SVG&&(O=S.CatalogData.getCatImageURL(P.SVG,""))}if(O||(O=S.CatalogData.getCatImageURL(y.topSvg,"")),""!==O){var k=function(){var e=(0,o.Z)(c().mark((function _callee(e){var n;return c().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e);case 2:return n=t.sent,t.t0=j,t.next=6,n.text();case 6:t.t1=t.sent,(0,t.t0)(t.t1);case 8:case"end":return t.stop()}}),_callee)})));return function getSVG(n){return e.apply(this,arguments)}}();k(O)}else"None"!=m&&j("None");return(0,x.jsx)("div",_objectSpread(_objectSpread({},r),{},{className:f()(u.EU),children:(0,x.jsx)("textarea",{readOnly:!0,value:m})}))}))},82334:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(9420),o=(t(87363),t(3958)),i=t(31482),a=t(47514);const l=(0,r.Pi)((function index(e){if("SVGOVERVIEW"===e.selectedJson)var n=(0,a.jsx)(o.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});else n=(0,a.jsx)(i.default,{plannerArticles:e.plannerArticles,curBox:e.curBox,isExpanded:e.isExpanded});return(0,a.jsx)("div",{children:n})}))},73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var r=t(34988),o=t(65515),i=t.n(o),a=t(87363),l=t(10304),c=t(20196),s=t(73263),d=t(53185),u=t(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),o=(0,r.Z)(t,1)[0],f=(0,a.useState)(),h=(0,r.Z)(f,2),x=h[0],b=h[1],m=(0,d.NP)();(0,a.useEffect)((function(){n.layout=null!=x?x:o,m.paletteViewHandler.updateCurPaletteData(!0)}),[x]),(0,a.useEffect)((function(){return function(){n.layout=o,m.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var j=(0,u.jsx)(s.default,{onClick:function onClick(){return b(void 0)},open:!1,iconAsDelete:!!x});return(0,u.jsxs)("div",{className:c.YS,children:["Layout:",(0,u.jsx)(l.Z,{className:i()(c.oF),controlClassName:c.x_,options:p,value:x,onChange:function onChange(e){return b(e.value)},placeholder:o,arrowClosed:j,arrowOpen:j})]})}},27810:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(65515),o=t.n(r),i=t(9420),a=(t(87363),t(10304)),l=t(20196),c=t(73263),s=t(47514);const d=(0,i.Pi)((function OptionsSelector(e){var n=e.options,t=e.optionState,r=(0,s.jsx)(c.default,{onClick:function onClick(){return t[1](void 0)},open:!1,iconAsDelete:!!t[0]});return(0,s.jsx)("div",{className:l.YS,children:(0,s.jsx)(a.Z,{className:o()(l.oF),controlClassName:l.x_,options:n.map((function(e){return{label:e.name,value:e.codex}})),value:t[0],onChange:function onChange(e){return t[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},35762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var r=t(80248),o=t(84658),i=t(34988),a=t(50747),l=t.n(a),c=t(65515),s=t.n(c),d=t(9420),u=t(53185),p=t(87363),f=t(93379),h=t.n(f),x=t(7795),b=t.n(x),m=t(90569),j=t.n(m),g=t(3565),v=t.n(g),y=t(19216),S=t.n(y),O=t(44589),w=t.n(O),P=t(7046),k={};k.styleTagTransform=w(),k.setAttributes=v(),k.insert=j().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=S();h()(P.ZP,k);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=t(27810),C=t(73812),D=t(88683),A=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 _=(0,d.Pi)((function CatalogMakeup(e){var n=(0,u.NP)(),t=(0,p.useState)([]),r=(0,i.Z)(t,2),a=r[0],c=r[1],d=(0,p.useState)(),f=(0,i.Z)(d,2),h=f[0],x=f[1],b=null==a?void 0:a.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=n.divaWebPlanner.actSet(),t=null==e?void 0:e.CatalogData.getOptions();null!=t&&t.length&&c(t)}),[n.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==a?void 0:a.find((function(e){return e.codex===h}));e&&m(e)}),[h]);var m=function(){var e=(0,o.Z)(l().mark((function _callee(e){var t;return l().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(t=n.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return n.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==t?void 0:t.key),n.updateConfiguratorState(!0),r.next=6,D.DivaUtils.Sleep(100);case 6:n.paletteViewHandler.scrollToConfigStepByPosNr(t.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(n){return e.apply(this,arguments)}}();return(0,A.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,P.fm),children:(0,A.jsxs)("div",{className:P.YS,children:[(0,A.jsx)("a",{className:P.Fs,children:"CatalogMakeup"}),(0,A.jsxs)("div",{className:P.nC,children:[(0,A.jsx)(N.default,{options:a,optionState:[h,x]}),b&&(0,A.jsx)(C.default,{option:b},b.codex)]})]})}))}))},304:(e,n,t)=>{t.r(n),t.d(n,{default:()=>v});var r=t(12952),o=t(80248),i=t(84658),a=t(34988),l=t(88291),c=t(50747),s=t.n(c),d=t(87363),u=t(51203),p=t(36115),f=t(53185),h=t(9420),x=t(65515),b=t.n(x),m=t(88683),j=(t(76839),t(13222)),g=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,o.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 v=(0,h.Pi)((function DecisionAnalyzer(e){var n,t=Object.assign({},((0,l.Z)(e),e)),o=(0,f.NP)(),c=o.divaWebPlanner.getDivaArticles(),h=(0,d.useState)(!1),x=(0,a.Z)(h,2),v=x[0],y=x[1];(0,d.useEffect)((function(){var e=function(){var e=(0,i.Z)(s().mark((function _callee(){return s().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,m.DivaUtils.Sleep(1e3);case 2:y(!v);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[o.tabGroupState.allTabGroups]),(0,d.useEffect)((function(){var e=o.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=o.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[o.uiState.isLoading]);var S=Object.values(null!=c?c:{}).find((function(e){return 1==e.posNr})),O=(0,d.useState)(),w=(0,a.Z)(O,2),P=w[0],k=w[1],N=(0,d.useState)(),C=(0,a.Z)(N,2),D=C[0],A=C[1];if(!S)return(0,g.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm),style:{zIndex:800},children:(0,g.jsx)("a",{className:p.Fs,children:"Decision analyzer - plann article"})}));var _=S.CatalogData.isIDMFormat,E=null===(n=S.decisionDebugStacks)||void 0===n||null===(n=n[0])||void 0===n||null===(n=n.stack)||void 0===n?void 0:n.length;if(!E)return(0,g.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm),style:{zIndex:800},children:(0,g.jsx)("a",{className:p.Fs,children:"Decision analyzer - change config"})}));var Z=(0,r.Z)(Array(E).keys()),T=[];return T=_?S.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===D||!(null!==(n=e.decision.featureRefs)&&void 0!==n&&n.includes(D)||null!==(t=e.decision.optionCombinations)&&void 0!==t&&t.find((function(e){var n;return null===(n=e.actions)||void 0===n?void 0:n.find((function(e){return function parseAction(e){try{var n,t,r=e.split(":"),o=(0,a.Z)(r,2),i=o[0],l=o[1].split("="),c=(0,a.Z)(l,2),s=c[0],d=c[1];if(d){var u=d.split("#"),p=(0,a.Z)(u,2);n=p[0],t=p[1]}return{actionType:i,target:s,ref:n,value:t}}catch(e){throw e}}(e).target==D||e==D}))}))))})}))})):S.decisionDebugStacks.map((function(e){return e.stack.map((function(e){var n,t;return _objectSpread(_objectSpread({},e),{},{bold:!(void 0===D||!(null!==(n=e.decision.DOC)&&void 0!==n&&n.find((function(e){var n,t;return(null===(n=e.DA)||void 0===n?void 0:n.find((function(e){return e.OptionCodex==D||e.DecisionNr==D})))||(null===(t=e.JsFormula)||void 0===t?void 0:t.includes("'OPT"+D+"'"))}))||null!==(t=e.decision.Options)&&void 0!==t&&t.includes("OPT"+D)))})}))})),(0,g.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:b()(t.className,p.fm,o.uiState.configSettingsIsExpanded?u.NF:void 0),style:{zIndex:800},children:[(0,g.jsxs)("a",{className:p.Fs,children:["Decision history",(0,g.jsx)("input",{value:D,onChange:function onChange(e){return A(e.target.value)},placeholder:"filter option ohne OPT"})]}),(0,g.jsxs)("div",{children:[(0,g.jsxs)("table",{className:p.Kz,children:[(0,g.jsx)("thead",{children:(0,g.jsx)("tr",{className:p.$Q,children:T.map((function(e,n){return(0,g.jsx)("th",{children:n},n)}))})}),(0,g.jsx)("tbody",{children:Z.map((function(e,n){return(0,g.jsx)("tr",{className:p.$Q,children:T.map((function(e,t){var r,o;return(0,g.jsx)("th",{onClick:function onClick(){return function onClick(e,n){var t,r;e==((null==P||null===(t=P.decision)||void 0===t?void 0:t.Number)||(null==P||null===(r=P.decision)||void 0===r?void 0:r.decisionNo))?k(void 0):k(n)}(e[n].nr,e[n])},children:e[n].bold?(0,g.jsx)("strong",{children:null===(r=e[n])||void 0===r?void 0:r.text}):null===(o=e[n])||void 0===o?void 0:o.text},t)}))},n)}))})]}),P&&(0,g.jsx)("div",{className:p.EC,children:(0,g.jsx)(j.default,{decision:P.decision,snapshots:P.snapshots})})]})]}))}))},23051:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(65515),d=t.n(s),u=t(9420),p=t(87363),f=t(53185),h=t(93379),x=t.n(h),b=t(7795),m=t.n(b),j=t(90569),g=t.n(j),v=t(3565),y=t.n(v),S=t(19216),O=t.n(S),w=t(44589),P=t.n(w),k=t(13689),N={};N.styleTagTransform=P(),N.setAttributes=y(),N.insert=g().bind(null,"head"),N.domAPI=m(),N.insertStyleElement=O();x()(k.ZP,N);k.ZP&&k.ZP.locals&&k.ZP.locals;var C=t(47514),D=["onMouseDown"];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 A=(0,u.Pi)((function EkTextViewer(e){var n=e.onMouseDown,t=(0,a.Z)(e,D),r=(0,f.NP)(),l=(0,p.useState)(""),s=(0,i.Z)(l,2),u=s[0],h=s[1],x=(0,p.useState)([]),b=(0,i.Z)(x,2),m=b[0],j=b[1],g=function(){var e=(0,o.Z)(c().mark((function _callee(){var e,n,t;return c().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,r.divaWebPlanner.getBasketDataWithEkText();case 2:if(t=o.sent){o.next=5;break}return o.abrupt("return");case 5:h(null!==(e=t.getEKText())&&void 0!==e?e:""),j(null!==(n=t.SAPOrderLines)&&void 0!==n?n:[]);case 7:case"end":return o.stop()}}),_callee)})));return function getEkText(){return e.apply(this,arguments)}}();return(0,p.useEffect)((function(){g()}),[r.settingsState.configChanged]),(0,C.jsx)("div",_objectSpread(_objectSpread({},t),{},{className:d()(t.className,k.fm),children:(0,C.jsxs)("div",{className:k.YS,children:[(0,C.jsx)("a",{className:k.Fs,onMouseDown:n,children:"EkText Übersicht"}),!!m.length&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("h3",{children:"SapOrderLines"}),(0,C.jsxs)("table",{className:k.Kz,children:[(0,C.jsx)("thead",{children:(0,C.jsxs)("tr",{className:k.$Q,children:[(0,C.jsx)("th",{children:"Name"}),(0,C.jsx)("th",{children:"EkText"}),(0,C.jsx)("th",{children:"Preis"}),(0,C.jsx)("th",{children:"Artikle Nr."}),(0,C.jsx)("th",{children:"Retail Artikle Nr."}),(0,C.jsx)("th",{children:"Prefix"}),(0,C.jsx)("th",{children:"Menge"}),(0,C.jsx)("th",{children:"PosNr"})]})}),(0,C.jsx)("tbody",{children:m.map((function(e,n){var t;return(0,C.jsxs)("tr",{className:k.$Q,children:[(0,C.jsxs)("th",{children:[" ",e.Name]}),e.OrderText?(0,C.jsx)("th",{dangerouslySetInnerHTML:{__html:e.OrderText.replace(/\r\n/g,"<br>")}}):(0,C.jsx)("th",{}),(0,C.jsxs)("th",{children:[" ",null!==(t=e.Price)&&void 0!==t?t:0," "]}),(0,C.jsxs)("th",{children:[" ",e.ArticleNr," "]}),(0,C.jsxs)("th",{children:[" ",e.RetailArticleName," "]}),(0,C.jsxs)("th",{children:[e.ArticleNrPrefix," "]}),(0,C.jsxs)("th",{children:[e.Quantity," "]}),(0,C.jsx)("th",{children:e.PosNr})]},n)}))})]})]}),(0,C.jsxs)("div",{children:[(0,C.jsx)("button",{onClick:function onClick(){var e;return null===(e=navigator.clipboard)||void 0===e?void 0:e.writeText(u)},children:"kopieren"}),(0,C.jsx)("div",{className:k.nG,dangerouslySetInnerHTML:{__html:u.replace(/\r\n/g,"<br>")}})]})]})}))}))},35631:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var r=t(80248),o=t(9420),i=(t(87363),t(72072)),a=t(57618),l=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 c=(0,o.Pi)((function J3DEditor(e){return(0,l.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{className:e.className,style:{userSelect:"text"},ChildComponent:a.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},82149:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var r=t(80248),o=t(84658),i=t(34988),a=t(72874),l=t(50747),c=t.n(l),s=t(87363),d=t(51203),u=t(93379),p=t.n(u),f=t(7795),h=t.n(f),x=t(90569),b=t.n(x),m=t(3565),j=t.n(m),g=t(19216),v=t.n(g),y=t(44589),S=t.n(y),O=t(15909),w={};w.styleTagTransform=S(),w.setAttributes=j(),w.insert=b().bind(null,"head"),w.domAPI=h(),w.insertStyleElement=v();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var P=t(53185),k=t(9420),N=t(65515),C=t.n(N),D=t(88683),A=t(47514),_=["onMouseDown"];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 E=(0,k.Pi)((function ArticleOverview(e){var n,t=e.onMouseDown,r=(0,a.Z)(e,_),l=(0,P.NP)(),u=Object.values(null!==(n=l.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{}),p=(0,s.useState)(!1),f=(0,i.Z)(p,2),h=f[0],x=f[1];return(0,s.useEffect)((function(){var e=function(){var e=(0,o.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,D.DivaUtils.Sleep(1e3);case 2:x(!h);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[l.settingsState.configChanged]),l.productState.formatedTotalPrice,(0,A.jsxs)("div",_objectSpread(_objectSpread({},r),{},{className:C()(r.className,O.fm,l.uiState.configSettingsIsExpanded?d.NF:void 0),children:[(0,A.jsx)("a",{className:O.Fs,onMouseDown:t,children:"Artikel Übersicht"}),(0,A.jsxs)("table",{className:O.Kz,children:[(0,A.jsx)("thead",{children:(0,A.jsxs)("tr",{className:O.$Q,children:[(0,A.jsx)("th",{children:"Name"}),(0,A.jsx)("th",{children:"ArticleCodex"}),(0,A.jsx)("th",{children:"CatalogCodex"}),(0,A.jsx)("th",{children:"Preis"}),(0,A.jsx)("th",{children:"Bruttopreis"}),(0,A.jsx)("th",{children:"Discount Prozent"}),(0,A.jsx)("th",{children:"Menge"})]})}),(0,A.jsx)("tbody",{children:Object.values(u).map((function(e,n){var t,r,o;return(0,A.jsxs)("tr",{className:O.$Q,children:[(0,A.jsxs)("th",{children:[" ",e.name]}),(0,A.jsxs)("th",{children:[e.articleCodex," "]}),(0,A.jsxs)("th",{children:[e.catalogCodex," "]}),(0,A.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,A.jsxs)("th",{children:[" ",null!==(r=e.bruttoCalcPrice)&&void 0!==r?r:0," "]}),(0,A.jsxs)("th",{children:[" ",null!==(o=e.discountPercentage)&&void 0!==o?o:0," "]}),(0,A.jsxs)("th",{children:[e.quantity," "]})]},e.basketId)}))})]})]}))}))},12188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var r=t(80248),o=t(34988),i=t(87363),a=t(93379),l=t.n(a),c=t(7795),s=t.n(c),d=t(90569),u=t.n(d),p=t(3565),f=t.n(p),h=t(19216),x=t.n(h),b=t(44589),m=t.n(b),j=t(77648),g={};g.styleTagTransform=m(),g.setAttributes=f(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=x();l()(j.ZP,g);j.ZP&&j.ZP.locals&&j.ZP.locals;var v=t(9420),y=t(65515),S=t.n(y),O=t(1463),w=t.n(O),P=t(53185),k=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 N=(0,v.Pi)((function MaskEditor(e){var n,t=(0,P.NP)(),r=(0,i.useRef)(null),a=(0,i.useRef)(null),l=(0,i.useState)(!0),c=(0,o.Z)(l,2),s=c[0],d=c[1],u=null===(n=t.divaWebPlanner.getCatalogData())||void 0===n?void 0:n.catalogMask,p=(0,i.useState)(null!=u?u:{}),f=(0,o.Z)(p,2),h=f[0],x=(f[1],{mode:"code",onChange:function onChange(){try{var e=a.current,n=(e.get(),e.validate());d(n)}catch(e){return void d(!1)}}});(0,i.useEffect)((function(){r.current&&(a.current||(a.current=new(w())(r.current,x)),a.current&&a.current.set(h))}),[h]);return(0,k.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:S()(j.YS,e.className),children:["MaskEditor",(0,k.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,k.jsx)("div",{className:j.Yq,children:(0,k.jsx)("button",{className:j.LI,disabled:!s,onClick:function onClick(){return function onClickSave(){var e=a.current;if(e.get()&&0!==Object.keys(e.get()).length){var n=e.get(),r=t.divaWebPlanner.getCatalogData();r&&(r.catalogMask=n),t.divaWebPlanner.updateWebConfiguratorTitle(),t.paletteViewHandler.updateCurPaletteData(!0),t.uiState.setActiveCatalogSection("3D/2D"),t.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},31395:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var r=t(80248),o=t(84658),i=t(34988),a=t(88291),l=t(50747),c=t.n(l),s=t(87363),d=t(51203),u=t(93379),p=t.n(u),f=t(7795),h=t.n(f),x=t(90569),b=t.n(x),m=t(3565),j=t.n(m),g=t(19216),v=t.n(g),y=t(44589),S=t.n(y),O=t(69288),w={};w.styleTagTransform=S(),w.setAttributes=j(),w.insert=b().bind(null,"head"),w.domAPI=h(),w.insertStyleElement=v();p()(O.ZP,w);O.ZP&&O.ZP.locals&&O.ZP.locals;var P=t(53185),k=t(9420),N=t(65515),C=t.n(N),D=t(88683),A=(t(76839),t(13222)),_=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 E=(0,k.Pi)((function PriceAnalyzer(e){var n=Object.assign({},((0,a.Z)(e),e)),t=(0,P.NP)(),r=t.divaWebPlanner.getDivaArticles(),l=(0,s.useState)(!1),u=(0,i.Z)(l,2),p=u[0],f=u[1];(0,s.useEffect)((function(){var e=function(){var e=(0,o.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,D.DivaUtils.Sleep(1e3);case 2:f(!p);case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,s.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]);var h=Object.values(null!=r?r:{}).find((function(e){return 1==e.posNr})),x=(0,s.useState)(),b=(0,i.Z)(x,2),m=b[0],j=b[1],g=(0,s.useState)(),v=(0,i.Z)(g,2),y=v[0],S=v[1];if(!h)return(0,_.jsx)("div",_objectSpread(_objectSpread({},n),{},{className:C()(n.className,O.fm),style:{zIndex:800},children:(0,_.jsx)("a",{className:O.Fs,children:"Price analyzer - plann article"})}));var w=h.CatalogData.isIDMFormat,k=Object.values(h.decisionDebugStacks).findLast((function(e){return e})),N=null==k?void 0:k.prices;if(!N)return(0,_.jsx)("div",_objectSpread(_objectSpread({},n),{},{className:C()(n.className,O.fm),style:{zIndex:800},children:(0,_.jsx)("a",{className:O.Fs,children:"Price analyzer - change config"})}));return w?N?(0,_.jsxs)("div",_objectSpread(_objectSpread({},n),{},{className:C()(n.className,O.fm,t.uiState.configSettingsIsExpanded?d.NF:void 0),style:{zIndex:800},children:[(0,_.jsxs)("a",{className:O.Fs,children:["Price history",(0,_.jsx)("input",{value:y,onChange:function onChange(e){return S(e.target.value)},placeholder:"filter option ohne OPT"})]}),(0,_.jsxs)("div",{children:[(0,_.jsxs)("table",{className:O.Kz,children:[(0,_.jsx)("thead",{children:(0,_.jsx)("tr",{className:O.$Q,children:(0,_.jsx)("th",{children:1})})}),(0,_.jsx)("tbody",{children:N.map((function(e,n){return(0,_.jsx)("tr",{className:O.$Q,children:(0,_.jsx)("th",{onClick:function onClick(){return function onClick(e,n){var t;e==(null==m||null===(t=m.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)?j(void 0):j(n)}(e.nr,e)},children:e.text})},n)}))})]}),m&&(0,_.jsx)("div",{className:O.EC,children:(0,_.jsx)(A.default,{decision:m.priceFeatureGroup,anyData:{prices:h.catalogArticle.idmPrices,variantData:m.variantValues}})})]})]})):(0,_.jsx)(_.Fragment,{children:" "}):(0,_.jsx)(_.Fragment,{children:"only implemented for IDM enricher data"})}))},40971:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(80248),o=t(65515),i=t.n(o),a=t(53185),l=t(87363),c=t(93379),s=t.n(c),d=t(7795),u=t.n(d),p=t(90569),f=t.n(p),h=t(3565),x=t.n(h),b=t(19216),m=t.n(b),j=t(44589),g=t.n(j),v=t(62904),y={};y.styleTagTransform=g(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=m();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(9420),O=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 w=(0,S.Pi)((function RTVAnalyzer(e){var n=(0,a.NP)().rtvAnalyzeData,t=(0,l.useRef)(),r=0,o=0,c=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?o+=e.sizeMb:c+=e.sizeMb)}));var s=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return s=s.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=s,(0,O.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:i()(e.className,v.fm),children:(0,O.jsxs)("div",{className:v.YS,children:[(0,O.jsx)("a",{className:v.Fs,children:"RTV Analyzer"}),(0,O.jsx)("div",{className:v.nC,children:(0,O.jsxs)("table",{className:v.Bm,children:[(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{children:"Art"}),(0,O.jsx)("th",{children:"Name"}),(0,O.jsx)("th",{children:"Pfad"}),(0,O.jsx)("th",{children:"Geos (std mat)"}),(0,O.jsx)("th",{children:"Größe (MB | %)"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Geo Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*o)/100+"mb | "+Math.round(o/r*100)+"%"})]}),(0,O.jsxs)("tr",{children:[(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:"Tex Gesamt"}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{}),(0,O.jsx)("th",{children:Math.round(100*c)/100+"mb | "+Math.round(c/r*100)+"%"})]}),s.map((function(e){return(0,O.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,O.jsx)("td",{children:e.type}),(0,O.jsx)("td",{children:e.name}),(0,O.jsx)("td",{children:(0,O.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,O.jsx)("td",{children:e.geo}),(0,O.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},70685:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var r=t(80248),o=t(88291),i=(t(87363),t(9420)),a=t(72072),l=t(82334),c=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 s=(0,i.Pi)((function SVGAnalyser(e){var n=Object.assign({},((0,o.Z)(e),e));return(0,c.jsx)(a.default,_objectSpread(_objectSpread({},n),{},{className:n.className,ChildComponent:l.default,settings:[{key:"SVGSOURCE",name:"SVG Source"},{key:"SVGOVERVIEW",name:"SVG Übersicht"}],title:"SVG Übersicht"}))}))},19874:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var r=t(80248),o=t(88291),i=t(9420),a=t(87363),l=t(53492),c=t(27990),s=t(62347),d=t(53185),u=t(97078),p=t(12188),f=t(70685),h=t(51203),x=t(23051),b=t(35762),m=t(304),j=t(40971),g=t(35631),v=t(19631),y=t(82149),S=t(31395),O=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 w=(0,i.Pi)((function CatalogProduct(e){var n=Object.assign({},((0,o.Z)(e),e)),t=(0,d.NP)();(0,a.useEffect)((function(){switch(t.uiState.activeCatalogSection){case"Options":t.uiState.setConfigSettingsIsExpanded(!0);break;case"ekText":case"3D/2D":case"PartList":case"Artikelübersicht":case"SVGübersicht":case"DecisionAnalyzer":case"CatalogMakeup":case"RTVAnalyzer":case"J3DEditor":case"PropertiesEditor":case"MaskEditor":t.uiState.setConfigSettingsIsExpanded(!1)}}),[t.uiState.activeCatalogSection]),(0,a.useEffect)((function(){t.getIsInMobileView()&&t.uiState.setActiveCatalogSection("3D/2D")}),[]);var r=void 0,i=n.className+" "+h.pb;switch(t.uiState.activeCatalogSection){case"Options":r=(0,O.jsx)(s.default,_objectSpread(_objectSpread({},n),{},{style:{zIndex:700}}));break;case"PartList":r=(0,O.jsx)(u.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"DecisionAnalyzer":r=(0,O.jsx)(m.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"PriceAnalyzer":r=(0,O.jsx)(S.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"Artikelübersicht":r=(0,O.jsx)(y.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"SVGübersicht":r=(0,O.jsx)(f.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"ekText":r=(0,O.jsx)(x.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"CatalogMakeup":r=(0,O.jsx)(b.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"RTVAnalyzer":r=(0,O.jsx)(j.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"J3DEditor":r=(0,O.jsx)(g.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"PropertiesEditor":r=(0,O.jsx)(v.default,_objectSpread(_objectSpread({},n),{},{className:i}));break;case"MaskEditor":r=(0,O.jsx)(p.default,_objectSpread(_objectSpread({},n),{},{className:i}))}return(0,O.jsxs)(O.Fragment,{children:[!t.uiState.isInMobileView&&(0,O.jsx)(c.default,_objectSpread(_objectSpread({},n),{},{currentWindowActive:t.uiState.activeCatalogSection,setCurrentWindowActive:function changeVal(e){localStorage.setItem("lastWindow",e),t.uiState.setActiveCatalogSection(e)}})),(0,a.createElement)(l.default,_objectSpread(_objectSpread({},n),{},{style:{boxSizing:"border-box",borderLeft:t.uiState.isInMobileView?void 0:"50px solid transparent"},key:"product"})),r]})}))},89144:(e,n,t)=>{t.d(n,{IU:()=>s,LI:()=>c,YS:()=>l,ZP:()=>u,lI:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var l="index-module--B2E8Y",c="index-module--Qe3Dm",s="index-module--AG2M4",d="index-module--QweAA";const u=a},6521:(e,n,t)=>{t.d(n,{$Q:()=>s,EU:()=>l,Kz:()=>c,ZP:()=>u,hv:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0",c="index-module--ZQXRQ",s="index-module--zMMBL",d="index-module--iJwMt";const u=a},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>d,oF:()=>c,x_:()=>s});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var l="index-module--cA3b1",c="index-module--CJSAc",s="index-module--h2JpC";const d=a},7046:(e,n,t)=>{t.d(n,{Fs:()=>s,YS:()=>l,ZP:()=>u,fm:()=>c,nC:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--tlOAN {\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: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\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--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var l="index-module--tlOAN",c="index-module--Y4cLX",s="index-module--mAsES",d="index-module--Ool1Y";const u=a},13689:(e,n,t)=>{t.d(n,{$Q:()=>p,Fs:()=>s,Kz:()=>u,YS:()=>l,ZP:()=>f,fm:()=>c,nG:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--dRdX7 {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n\n  -webkit-user-select: text;\n\n     -moz-user-select: text;\n\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--JnUb8 {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--qSiiY {\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\n.index-module--BYi2l {\n  margin-left: 200px;\n  background-color: #fff;\n  font-weight: 600;\n  max-height: 92%;\n  height: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--etPY7 {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-color: #e7eaf8;\n  border-style: solid;\n  border-width: 0px;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n}\n.index-module--etPY7 thead {\n  font-weight: bold !important;\n}\n.index-module--etPY7 thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n}\n.index-module--vMmTT {\n  text-align: left;\n}\n.index-module--vMmTT:first-child {\n  height: 20px;\n}\n.index-module--vMmTT th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--vMmTT th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--vMmTT th:last-child {\n  font-size: 12px;\n}\n",""]);var l="index-module--dRdX7",c="index-module--JnUb8",s="index-module--qSiiY",d="index-module--BYi2l",u="index-module--etPY7",p="index-module--vMmTT";const f=a},15909:(e,n,t)=>{t.d(n,{$Q:()=>c,Fs:()=>d,Kz:()=>l,ZP:()=>u,fm:()=>s});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--kRnTO {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--kRnTO thead {\n  font-weight: bold !important;\n}\n.index-module--kRnTO thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: black;\n}\n.index-module--Vrir_ {\n  text-align: left;\n  height: 20px;\n}\n.index-module--Vrir_ th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--Vrir_ th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--Vrir_ th:last-child {\n  font-size: 12px;\n}\n.index-module--I8vaR {\n  overflow: auto;\n  left: 50px;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}\n.index-module--pl89e {\n  height: 46px;\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  cursor: ns-resize;\n}\n",""]);var l="index-module--kRnTO",c="index-module--Vrir_",s="index-module--I8vaR",d="index-module--pl89e";const u=a},77648:(e,n,t)=>{t.d(n,{LI:()=>s,YS:()=>l,Yq:()=>c,ZP:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--e2swR {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--byqXs {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--edLvC {\n}\n",""]);var l="index-module--e2swR",c="index-module--byqXs",s="index-module--edLvC";const d=a},69288:(e,n,t)=>{t.d(n,{$Q:()=>c,EC:()=>u,Fs:()=>d,Kz:()=>l,ZP:()=>p,fm:()=>s});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.push([e.id,".index-module--TMuWx {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--TMuWx thead {\n  font-weight: bold !important;\n}\n.index-module--TMuWx thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--aAXou {\n  text-align: left;\n}\n.index-module--aAXou:first-child {\n  height: 20px;\n}\n\n.index-module--aAXou th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--gR4ES {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--E6gUV {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n\n.index-module--FCFmD {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: 240px;\n  width: 700px;\n  height: calc(100% - 60px);\n  background-color: #fff;\n  overflow: auto;\n}\n\n.index-module--aeMhl {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n}\n\n.index-module--NUFfA {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--sd0v0 {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--YZIPe {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--YZIPe th,\n.index-module--YZIPe td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--YZIPe th {\n  background-color: #f2f2f2;\n}\n",""]);var l="index-module--TMuWx",c="index-module--aAXou",s="index-module--gR4ES",d="index-module--E6gUV",u="index-module--FCFmD";const p=a},62904:(e,n,t)=>{t.d(n,{Bm:()=>u,Fs:()=>s,YS:()=>l,ZP:()=>p,fm:()=>c,nC:()=>d});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i)()(o());a.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 l="index-module--vimXW",c="index-module--XF0jR",s="index-module--oJ5Mn",d="index-module--PllSF",u="index-module--k9y7K";const p=a},85399:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EU:()=>x.EU,Kz:()=>x.Kz,hv:()=>x.hv});var r=t(93379),o=t.n(r),i=t(7795),a=t.n(i),l=t(90569),c=t.n(l),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),f=t(44589),h=t.n(f),x=t(6521),b={};b.styleTagTransform=h(),b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();o()(x.ZP,b),x.ZP&&x.ZP.locals&&x.ZP.locals},20196:(e,n,t)=>{t.d(n,{YS:()=>x.YS,oF:()=>x.oF,x_:()=>x.x_});var r=t(93379),o=t.n(r),i=t(7795),a=t.n(i),l=t(90569),c=t.n(l),s=t(3565),d=t.n(s),u=t(19216),p=t.n(u),f=t(44589),h=t.n(f),x=t(95044),b={};b.styleTagTransform=h(),b.setAttributes=d(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=p();o()(x.ZP,b),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);