npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.8.0-beta.10 → 26.8.0-beta.12 - Mend

@crystaldesign/diva-web-planner-react 26.8.0-beta.10 → 26.8.0-beta.12

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 (274) 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,2593,8742,67,4348,4788,6937],{22593:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(48984),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(48984),d=i(22593),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},w=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:S(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},33602:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(48984),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(59542),O=i(77697),k=i(45761),N=i(31744),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},12311:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(48984),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(59542),O=i(77697),k=i(45761),N=i(31744),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(33602),s=i(12311),a=i(38742),c=i(48984),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},14348:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(48984),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,v.jsx)("div",{className:f.rP,children:n.emoji}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(2829),o=i(48984),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(14348),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(2829),l=i(48984),s=i(34788),a=i(14348),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=e.zIndexBase,r=(0,l.NP)(),u=(0,o.useState)([]),x=(0,t.Z)(u,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[t],o=r.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),d=null==o?void 0:o.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(l)l.palettes.push(i);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(i.id):"r"===(null==d?void 0:d.position)&&l.right.push(i.id)},t=0;t<n.length;t++)i();m(e)}),[n]),(0,c.jsx)(c.Fragment,{children:p.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,c.jsx)(a.default,{item:t}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:i},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,c.jsx)(a.default,{item:t})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+x+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,2593,8742,67,4348,4788,6937],{22593:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(48984),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(48984),d=i(22593),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=!1,f=0;f<a.Cells.length;f++){var h=a.Cells[f];if(h.IsDisabled)g?x[0].heightCount++:x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:!0,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete}),g=!0,p=-1;else if(g=!1,-1==h.InUse)x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(p!=h.InUse&&p!=h.OnBoard){var b,v;p=h.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(b=h.Article)||void 0===b?void 0:b.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=x.find((function(e){return e.inUse==p}));if(y){var j;if(p===h.OnBoard&&!m)m=!0,y.articleText=(null===(j=h.Article)||void 0===j?void 0:j.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var P=function getItemStyle(e,n,i,t){return"horizontal"==l?S(e,n,i,t):w(e,n,i)},w=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},I=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:P(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:I(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},33602:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(48984),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(59542),O=i(77697),k=i(45761),N=i(31744),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},12311:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(48984),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(59542),O=i(77697),k=i(45761),N=i(31744),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(33602),s=i(12311),a=i(38742),c=i(48984),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var H=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!H&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:H?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},14348:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(48984),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,v.jsx)("div",{className:f.rP,children:n.emoji}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(2829),o=i(48984),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(14348),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(2829),l=i(48984),s=i(34788),a=i(14348),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=e.zIndexBase,r=(0,l.NP)(),u=(0,o.useState)([]),x=(0,t.Z)(u,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[t],o=r.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),d=null==o?void 0:o.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(l)l.palettes.push(i);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(i.id):"r"===(null==d?void 0:d.position)&&l.right.push(i.id)},t=0;t<n.length;t++)i();m(e)}),[n]),(0,c.jsx)(c.Fragment,{children:p.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,c.jsx)(a.default,{item:t}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:i},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,c.jsx)(a.default,{item:t})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+x+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7853.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,4900],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(48984)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(34988),a=n(9420),r=n(87363),o=n(48984),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(48984),l=n(82956),u=n(67e3),c=n(74133),d=n(84658),p=n(34988),S=n(50747),b=n.n(S),g=n(88683),x=n(24900),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(48984)),o=n(80509),s=n(67e3),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(63224),S=n(51451),b=n(22120),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7853,4900],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(48984)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(48984),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(48984),l=n(82956),u=n(67e3),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(24900),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(48984)),o=n(80509),s=n(67e3),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(63224),S=n(51451),g=n(22120),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+d+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8323.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8323,4514,3552],{38323:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(48984),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(62383),g=t(93379),v=t.n(g),f=t(7795),w=t.n(f),b=t(90569),h=t.n(b),m=t(3565),R=t.n(m),y=t(19216),S=t.n(y),C=t(44589),D=t.n(C),P=t(42044),E={};E.styleTagTransform=D(),E.setAttributes=R(),E.insert=h().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=S();v()(P.Z,E);P.Z&&P.Z.locals&&P.Z.locals;var I=t(14514),T=t(47514),x=(0,d.getLogger)("Planner","Planner3D");const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),g=(0,d.useTranslation)().t,v=(0,s.useState)(!1),f=(0,o.Z)(v,2),w=f[0],b=f[1],h=(0,s.useState)(),m=(0,o.Z)(h,2),R=m[0],y=m[1],S=(0,s.useRef)(),C=(0,s.useState)([]),D=(0,o.Z)(C,2),P=D[0],E=D[1],L=(0,s.useRef)(!0),U=a.viewPlannerHandler.getPlannerViewConfig(),j=(0,d.useDivaCore)(),k=j.actions,O=j.state,B=O.apiConfig,Y=O.isMobile,K=O.jwt,X=O.isFirefox,W=O.dimensions,G=W.isTablet,F=W.isMobile||G,J=F&&a.uiState.AllConfig.arViewerIframe,Q=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){k.loadModelViewer();var e=function messageListener(e){var n;u.current&&("AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.style.opacity="0",a.productState.setIsARIframeVisible(!1),u.current.src=Q,b(!1)),"AR_READY"===e.data.type&&a.productState.doShowARQRCode&&(x.debug("[AR-DEBUG-PARENT] Planner3D received AR_READY, currentBlob:",!!S.current),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),k.closeModal(),S.current&&(x.debug("[AR-DEBUG-PARENT] Planner3D resending SET_AR_OBJECT on AR_READY, blob size:",S.current.size),null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:S.current},"*"))))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(x.debug("[AR-DEBUG-PARENT] Planner3D useEffect doShowARQRCode:",a.productState.doShowARQRCode,"arViewerIframe:",J,"currentBlob:",!!S.current,"iframeRef:",!!u.current),u.current&&J&&a.productState.doShowARQRCode&&S.current)&&(x.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via useEffect, blob size:",null===(e=S.current)||void 0===e?void 0:e.size),a.productState.setIsARIframeVisible(!0),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:S.current},"*"))}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type&&"TrashIcon"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(P)&&E(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(k.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return k.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&k.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,T.jsx)(T.Fragment,{}):(0,T.jsxs)(T.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,T.jsx)(I.default,{}),(0,T.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:Y,elementsInfo:P,inBackground:w,stopRender:!a.isParentViewVisible,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:B,jwt:K,renderInBackground:!!J,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:U.posNumIcon,posTrashIcon:U.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB"},callbacks:{setGlb:F?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:x.debug("[AR-DEBUG-PARENT] Planner3D setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",J,"iframeRef:",!!u.current),S.current=e,J&&u.current&&e?(x.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via setGlb"),null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t,y(t));case 3:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&k.openModal({title:g("configurator.missinggeo_title"),text:g("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),J&&a.productState.loadRTVForAr&&(0,T.jsx)("iframe",{src:Q,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:a.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),R&&a.productState.loadRTVForAr&&!J&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:R,ar:!0,"ar-scale":"fixed","ar-modes":X?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:A})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),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 i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAbvElEQVR4nO2dC3hU1bWA1zyTTCaZvECeIiJiUVpitOhtrkq1YGm9ohbls/ioVouC2gqFYiuCl4JWwOptqi0olVuRglfxirag9cW95eWg1RSwgDwC8g4JkEkySWb6rWGduLOZ95yZ81r/982XcybnnNl7n7POfqwXMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMIzOuQAAfgsAnwFAEADCJv10AMB+AHgFAP4DAGz8YDLxcALAPHpwzCoU8T7vAUBPfkKYaODbc5lFBUP8fA4APYz+hHBXqD6TAGAuXtXtdsP06dOhuroaCgsLIz/U3t4eDgaD7eKvdnR0hEKhEP4vhPuhUAiPCbW1tYWUY/Lz8115eXkuubRtbW3tCJ4TCAQa3W532OPx5DudToeTiFXDcDgcpF4uLRwOR15eXl6Bw+FwYL0WLFjQvnDhQrGMfwWAq3R2f1KCBURdigCgDgB85eXl8Oqrr3YKhlV45plnDi1cuLC7UN1vA8BfjFp9uw7KYCZGo3BgfbDnsJpwIPfcc0/3YcOGNQtf3aphcTKGBURdLlGu5vF4wiapU8rMnTvXVlpaqpx2qXFKfjosIOpSoVzNZrOFcvSbugPnQMXFxUqxuhun5KcTcwLHpIVDb81Gk//IggGyZ88e2L9/P/h8PjjvvPOy8psdHR3huro6ZX6ruzZJBRaQLBEOZz7C+vzzz3G40rnf0tIC9fX1kYc+GZqbm6GhoQF69uwJK1asALvdDo8//jisW7cucjZee/jw4ao3AJYv2TLqHRaQLIAPYmlpacYS8sUXX8D69eszLuC+ffsin759+3YR3KNHj2Z87Wh0dKS9cqw7WECyAL49u3XrlvH8ThkWZQIKa2VlJVRUnJoe9e7dG5T5gTCRVpXm5uawWVQIrAdRl5cB4Aa84ttvv91eWlqa8QuoqakpreXiQCAQmXvk5+erImipUFdX1z569Gil7q2o58xpAVSEe5As4XA4VHn5pKtL8Xg82a+kBeBl3izhcrm4dzYBLCBZAMf9drudBcQEsIBkARze5OXlsYCYABaQLGBFGyyzwgKSBWw27jzMAgtIFjhx4oTp6pQKalgR6AUWkCyAuovm5mbLGivW19c3J3GYIWAByRJWHma1tbWZxtaEBSR78ETEBLCAZAmHw9BW3hkRMospLwsIkw1aWlpazdKwLCBZwsZrvaaABSRLsHyYAxaQLLF7927LLvNiTC4dFEMVWECyRGNjo2WjmvTo0aNEB8VQBRYQRnXcbrdpnisWEEZ18vLyTPNcsUdh+pxJof77AcBxAPgbKwdP4fV6WUAsDPpXP4FRNqPEfLLsvEMkyRU8PGgw5VDphhYqGLYLANYCQEPOCpsAFpDUKACAPwPA5THO4h4kMRcBwF0AcB0JhgwKynIA+DkA7NK6sDwHSY1nogjHfrqpXcDogjquhxZgu30AABsB4O4YwoFg+oSbAeATAPiu1oVmAUkeDON/m3D0FwDwDQDoRYlinhevVFtbywJyCjuFQ8KsU/+ewnlFlNLtm9ksXCJYQJIDh06PC0eirdEompgj9QBwJwD8Rjlg6dKlLgwVykR6hBukZkBz+DcA4AcAMBAXvgAAo9l9iwRJAc99kf6nCSwgyTECAIYIR2LA3L9HOROzS23GjcOHD8OcOXPazBSGM1ni1BkzWj1NK384fPoDAGyn79EN823qMRYJ52DvfJ9WdWEBSY6JwlEBStAZDbzR05XvV65c6fr0008b9Ved7NLU1BTNzOavtGL1AIYLjlOAMK0Q7hC+G6tVXVhAEoM5Ar4jHPVHADgW56wV2IEoOw8++OCHVhtqHT58WHS5DdMLBnMVbkvyEq3Uzgq4HJzb+KkEC0hiHhOWb/HNOD/BGR00VIjQ2Ng4tLa2NvMQ7QaiublZXNXDXrUmjdKLvQw+p5rEUmIBic+NAHCtcAS+1T5L4rxPhe3y2trah3NZaJPQT6hGO81Rcg4LSGzOB4AFwn/RnGRakuceEnfy8/Orc1BeszFKqE8tCUnOYQGJzlmkMReXFyeR7iMZulgolJeXX6htdXJLMBgMZviD+EKpFPbf1KouLCCng+vy7wNAX+E/SwBgYQrX6CXuFBcXn5GlsuqS9vb2TNa2bWTrpoDXek6rerKAdKWalH9nCt+i8dwPU7zOAGG7vn///pVxjjUdNpstk+fqATGdNr2cPteqjVhAvmQ8rdVXCN99REu8qUYK/Kqy4fF4dpSVlVnKKLR3797p5na7WLJYOJHCvC8rsICcsvl5kQwRxbX2NaTVjafziHW9wcrOww8/fJbTaS2j6TQ9CvuQDkm8Bz9JoFTMOlYXkH8DgI/JelTkBVJspeOXUK34iWBuwMsuuyyW1SrzJdhrr5bmbku0nHsoWFVAsN4Pk/n12cL3LTTUup0UXOlwtXLOzJkzI0k0mbiU09D2K8JBG9OY92UFKzpMedHYVjIfATIyHCsp+VLFRo5AEaqrWf2RgJ4A8BbpnBS2kyGjLiLEW60H8QHAO5JwhMnCtCpD4QAaXkWWh8vLyznTbHwGAcD/S8JxkO7NoXQumA2s1IM4aBJ4sfAdTsBvId8ENbhDuUZBQUHOK6gXMIlpAq4AgP8BgDLhMFTCXgkA/9RVXXRQhlzxU7oxCujvPExF4cCbfZOy061bt/16bYhs4/P54r14f0QTclE4dpC34Va91cUqAoJDq4eEfTRHH56C+XUyjKegDhFuvvlmy2byjJH6IY9s254lT0GFDbSaqJkyMB5WEZDvkX5CYaLKETMKZK+3gQMH5ql4fUOBy9uSkJxNFgryytQr9KLSzZxDxioC8m1hu47CyqjJj8g1tJPS0lLLhlRC4ejZs6eyi73FJgAQDTZxYWQmvbgC2pQyOaxwE90UDEDhzyoHePPK5hC4euX1eq2bYqordhriKjTQwshKnZQvLlboQa6WzNbVvjFoBt9d/CKJVRyr8iEtZBRSr4vb5+q5LazQg9whbDfSCopa9KLVsS5YOT9hDMI0GcfefFWUQ1BJ+yRFM9FVGBizv+p6SUrBpRQQQC0el3ylT4LFdSAx+Jj0T7HM/gfTCtcGvfUoZheQ8VIvmYrTUyIuA4BxwjGfGGVcrQGVST5rF5L/zVC9FNzMAlJA8ZUUNtAYWA3ctJ4vcp/ehgc6BA1AZ5A5jp0c0yaRiYlCGVk8aBZNUcTMAnKH5Pz0axWvPUWyPn2BLIOZ2GwnT0Fc3t1L85I6CqP0FWlu0k9S7GqGWQXERQ+xwm4VdR9oZPcLYb9enqgXFlpWiR4hFAphPDDxq7co7cFHMU45RlbQYkil8ZSLRVPMKiC3Sn7lT6gUNsZG8xhRSz5JjKSICEoyS7Jq1So4caIzjNXrtFCSKAQrmrfPEvZ9ZLyoKWYUEDc5QykcUNEz7V4yaVd4iwIwdyEctm7mAwza/cgjjyi7W8nH5rT8KTF4jaJXKlyao2LHxIwCcpcUle8x8hTMFDQlmS1co4kSwZzGrl2aJ0bSjPnz54vR3X+coikJdjs7hf1ztK6P2QTEI80P0OH/dypd+5fSykrMFGH79u3D+LSW60ZwWLV6dacedo/f74+mFEyEOFzVPN+62QRksmQ0+J8q9R4DpOxSfxeT5UQjyUSWpuLw4cPi8CjdgN26eibNJCA9pNWkbSrOPe6XMtpOTqTzsGLinAMHDogCkq7DmBiFMtWQS6pjJgGZRZa1CtNUXLm6SdjfIKY3iIUV06/h8q5AOm+IYmn1cWecY3OCWQSkkvLdKfwf+TyrwUDprbY4yWtaMSW0OO/yxjkuFldJ7ebPTjGTxywC8l9CXcIUkU8tekvX2ZTMda04B7HZbGIX0j3OobF4UPi+jSLQaIoZBORWSses8AcVba4gyhq+K8ZxlsfhcIhD2oEptsePpfu4gucgmYPa1l8JV0Ft7c9U/g05mEBVtitlVAoKCsQh1qCqqipfklUZLyVGxfnLo3poBqMLyBxpfjA9CwEAvpAmi99V+fqmYfDgwV6fr1MmcNVvdIK6dRcCh4vP4izKKqU5RhaQS8ltU+HjNJNFJoPo53EFhcyMSzAYtJyi0OVywUMPPSTOQ34eI/lmbxKC7VECh79EFr+6wKgC4iajQaX8ITL7yJby4U/Ctj2ZvN379++Plivc9FRXV9uFdA84D3mX2usq8s/Bl80eEp6iKO2B1tJf00s7GVVAHhFzcNAq1sYs/t7fpGGW/NZjCIxmv3jxYrH3vJh6BTTs/C1Z9sZ77i6kmL1X6aFNjSggXweAqcL+LnobZZMwjZUVLpKCLjMCgwYNsj333HPJ9KAHKfXBe2T8qeAhPdaA+KdnH6MJiJu89xSzD3xw75QaN1v8UbquLvJX6JWhQ4faX3jhhVhD3jcoe1dP6imGkxvuK8IxxdTjaIrRBAQNBs8T9mtyqEz6jIZaCj+IMYZmiO7du8vxj7C3H0krge9KmnfUedwouS6PkKLx5xyjCcidwvY+aaiVC8RVMl8sfxDmlOPUmDFjxJZYQslN48Ulwx5ngiQ4t2jZnEYSkAqafygs1CCu63IKOKAwSXK/ZQDg+PHjEeE4eTISJixE7fR9cohKRK3UU4/Qsk2NJCDVkiGbWnk9UqGNonAo9JQiN1qepqYmTP2g+KSHyBRofort8q6wfa6YViLXGElALhK2W+JEyMg26KF4RPiNn0q+Ipalvb0dpkyZgjogpQkekFb/kmW7cJxNyn6bU4wkIKLeY7NKvh7pEJBibPUHgDHqXd64bNy4EdatW6eU/yW/3x/X6zIOcoZhzWJIG0lARAf+z+IclwtqpPH0ZI3LoznNzc0weXJnMzSSF2a6yDomzdLZGUlAxEglWnuaNUjuvFVSOCDLsXbtWtGL8lm/338kzTawST3yFpz3a9WeRhEQrxRRZG+cY3PF01IMp3t1UCZNwLnHnDlzxJ9+KYNy3ChFeFfLMzQtjCIgsnfaAY3KIbJTWkm7HtOja1+s3HPw4MGO+vp65XebKdJ9Ovgkv5DWKEHCc4pRBER+8NLtvtXm98L18vRiYJdr8vPzRa/LY36/Px1Tfxsl0BFdnGtIIawZRhEQ2TOtQaNyyPxFCt1vycSdwWBQXLBIN23BbApgrbCLrLY1xSgCIje6ZpM2iXbJV8SSeDwecS7mraqqSjVk6AzJVTpIPiQntW5PI03SRXJhvZssy3RUFk0oKioqEZykkGuSLIeDhlFyT3F3BpEZVcUoAiLnidBTbu210fzgGxoatFJk5hy73Z5XVlYmar/vraqqSjTcPIMMF+XVv8nk0qCPuumgDMkgGwSqmYgzU0LRMreeccYZlsoFPXv2bDHo9DlSCgoZjFT5KfmEKITJNGVenPNyjlFuolvYDukwF+BpJtxebzqBBY1LZWXlpSNGjBDjWE2vqqqaL0SdwQa5gaJeYrbhblJl20nh2l9PjWAUARGDtelx6PKu/EVIClRrBWbNmlVQUVEhLvH+hHRWx+nzshQcTsRFlr9o7n67XprLKAIillOPD94+itTRSUVFheWWfB0OR/6SJUv29+nTR75HRTFiFbdEuZ8e0odMzGJRk8YoAiI2rl7fzGvFHYfDYcXg1VBeXt7rtddes992222xlmjD5N8/iPw8CinSiZwl+Necgi15xG5brw+eVv4puqSysjJawLgN9NCjG+0/6TvsRd4EgMul5V5cAn5S67rpZhgwe/bsmP+TovXZ4x0b4/wMSpY0H4sHNjU1hQoKCiy1kgWUOGjBggX4EV9k9aQIXCi97GQepWBz4+j7YQAwhFa8NMEoN7AD0wnQx07ltuusN/mHuNPa2mq5STr6hEyaNCkiIAKvkrPbggTCoSAHrU4YxTKbGEFAbHa7PYTCYbfb8eOkns9J3bBDJ/XYqzMFZk4JBAIwduxYWLNmjfKzAYpCc71kr5aIbVL6ilFa1kvvAoLlc7jd7pDD4cCJLwZItjU0NBSS8jCPlgcVYdG6R9mhbAQCAcskKWxtbYVx48bB3r2dbjpoaHiJ3+9/Ps1LvilsD4liSZEz9CwgdnroXR6PB9xudyTuK36am5u7kYWvl1ZC9CIknWmhjxw5YgkBaWtrgwkTJsDu3buVrz4h4chk3rBZ2HYkE00/W+hVQGyKcODbw+fz2VBAgsEgJmnBngQTPfa02+0up9PZNG3atKaioqJgSUlJuKyszD5y5EhQPjmmTvm5nTt3unP947kmHA7D3Llz4aOPOhfwtgLAlX6/P5UhVTTk51Kz+ZxelVl2KhsOobwVFRXuY8eORXyeUUHtcrnOtdvtK6dOndrZp0+cODGsmKAsX77cPmDAAC0atfPBWLZsmRvjQ5mZzZs3w8svv6zUEDXl12Tgiy4yTNgOUhIjTdBjD6L0Hk4ae5ZUVFQUYHIWoGVEt9u9d+rUqXtiXWDMmDEhjYZaR5UNfLuaGfRDnzmzS56bn/n9/u0qVLmMYjArrI2SJzJn6E1AbMISrovmF8WlpaUFeXlfGvS6XK7Nca9yKql9tssaDT35qWSVbdu2te/Y0bkmsZ+WcdUA/UNKhOukO9FXBb32IEovglJR5PV685QeBJd6nU5nwkyzo0aN0uIVLgc8My1Lly4VTUne8fv9ahiRzpD0HrUU9Foz9DoHEYXEnZeX51Dyjvfq1QuFRK+hPi0TgnT16tXiHC/TwAp4cx8DgCnCd0FKMaGp9bbe9SCRibfL5QpQpPBIDxLW7wDf9CtXCkVFReK8IJPg0qUA8JokHHh/71I5331a6FFAwopg0OSs2eFwHEFlFIJRw1tbWxP2fMuXL9dikl6SxDGm4LrrrhOfnQvSrNMI0puIPuxhyhGyWA/tpDcBEYWjnSw9G10u1x5cNYFTvt7Q2NiYTIA2LQRELJepfdJHjRpVKuxWV1VVpaLMQy/D/yZX5T7C9wEKO/qMikXNCD33IG0Upa/R6/XuUuYgOLo6dOiQHGmxC6gH2b59uxbDsL7Kht1uPxb/UGPTr18/5x13dKZGwUWTXyVRITQRmkb2VuOk/20h/YemoUZl9DpJ76AeoFkRYq/XGygoKPD4fD60+Yk51l+0aJHtwIED4ZEjR2ohIGcpGw6HoyGK37WpGD9+fGQ5/c03I6ZT46qqqlBZONXv98vOUueRbuOuKFEyQxTn+CG637pCjwKiPNjKHAS73Y7W1tZjdrvdg+m9YqUHXrRokR1v2MiRI7UyTehMMIraf43KkDPQeHT69OnYo8OHH0bm0/eSoKyhUEg4DBsqvjgk/HTOBr3WUc+rWCEax+PsPNDS0nIMTaoxxdfRo0cHzJs3r1O4a2pqHDU1NU6NhaMn5VGMMGTIkHRDcBoK1E89/fTT8I1vdMZiKCYXWlyiHR1DOOro/1/Xs3CAjodYSi8Sou1QW1tbxIwD5yLt7e1lwWDQNWfOHJtwXEhD4UAuFHes0IMooJUDGi3OmDEDVq06LUSYCHpd/oYm6IZQquo98kbncCsUCnUawYVCIR81cFg4Lpzg5mSbLuFsevfubRkBQdDaetasWTgv6XjvvfdannrqKdEnHdN1r5TM2A2BETwKIw9/KBRqwhUs/IRCIZfYuyTpypltLhevX15ebrnEnqjEPfPMMx3Dhw+XI2HON6JwgMHC9TsEBXpYJ0KhUCKZaENJSYklw/4gZgpWYaSK6Dm64ijZDquwsNCyAuLxeFhANEAc0+rNrPx78hfo+WhVsO79++sqxG7aGOkt9z4AXEbbr1K0DD1QQv4QXQILoF5A0f6ny6ZNm+DJJ5+MWDAXF3ddNcbhJtqlAYXbwW3UEaFRJ7omo/cl/k0FnEMMGjQInn322YyDb9fU1MDzz3e6criManpjpDmIqJU+Gue4XDNWFo4rrrgiY+FAUAGHbq34yQXozrxlyxbAhJyZCsgFF6Rrv6gvjCQgov3V4TjH5Zrx8u9hFBY1iPaQ4rVLS0ujXh17EjTqxL8YbSQR2GPgb+BHEehzzjkH+vbtm/DcRPTp0yezC+gEowhIgWTDo4c86UBLu1+Tv6ytrY0MgTLtRaqrq8Hv92d0DQSHXXI2BixbUVFRxteOBdrMmQGjCIhsrlAX47hcM1X4vQ4KMFC9Z8+eSKTBwsJo8ZtzjxbJfKSXg2EjWBhlFWuQtL9No3LIfEvYXyrG51UcvJiIha5hg+gZRUDEGV+7GOJTY16in6+ngAOds2mcYDMR/mHkZjCKgIjj/C1axkmSuI3Khub3GBPqdWU4UVenl1GgNmzdulX53f81cj2MYi80j2LxArlprtC4PCIHyTUYaSCfkAtwoo5zkY6OjpM+n6/e6XRiz+ekyXuXATquOOGQLBAIhPEvppA+cuRIS0NDQ5vyOX78OA5TnKFQyIY5ydVYRs4GWJf169fD/fffr7THLXp0hEoWIygK+0r5/+7Vk89yFLqTI1DO1zlxafWSSy457XuMur5u3bq456KCcMiQIRn9PioqP/jgg4iSknpS1BEty+iiTEJuFYwT8fNVAzTZuTTkClv0gyr8H+rgPliCJcJDdthA5jFFFAztmIWEpIP8PozwEksKvT9sTsG3GUhYvq9xmVIFHacuAoCzNUwE86iUY2MuAHym4vU7aC62UWdWDqZnpPSGusnqDZIGd0tt+L7hasDEZLFwYwOUUYpJnvPR0kRqw3O5/cxBMfl9KDeXV0NSo5gyPom9x31GqgATnwnSzdU026nBcJK+SGy/1w3m/8PEwU6TSOXm7jaY96OWoBAskoRju7DQwZiAMdINnsI3NSlslKFJbLsGSuTPmAQHGbgpN7hRMDNhYuOgdGWicKBK+5vcZubiTukm/9LqDZIEhWQUKLYbarOv1X3JmZQoJYWTcpOP8dg5IRg+5KMoPQcLhwl5TrrRD1q9QRJwLfmiiG2G4e+v1HWpmbT4jnSjaw0WVCKXoJ3X76LYQu0ykx0U8yW9yeZKNHq7lNsnKteQ+b8sHO+YPWGPVUEDvvXSzX7M6o0ShYGCx6L4aSd3X8sFy7YCdjIhEW/4eikOr9XpTinKglGEA5Wpp3tIMabAEUXje0ALTzydgnHA5mDm6yiCEaTlb63M55kc8CfppgfkFAIWpRf5a5yMIhj4eSNKGCTGZPSIsm5/tcVvMs4xfk9tEU0wNgHAVTooJ5MDHLSMG6YhxAgLN/oQ6k07YgjGJwBwA1viWg8f5dXoZ9H69yKHsFAMwUD31etYMBgrcicZYUYTjLdZE85YFQ+FK5WFIkRJgS7mJ4OxKmh0uS6KcKwBgCp+Khgrg/7hH0ZZ1p7AcwzG6qDB5WpJODAB0FCrNwzDIE9EsbiVEwIxjCW5WlrGPcpxqRjmFGWUHlo04WdNOMMQL7JvPcNE53pJOPxsws8wp+gueUe2SjkWGcbSvCL1Hr+weoMwjMLtUYZWHHiCYSjT7XHJx+V8bhiGOcUaqfd4gNuFYb4kILnFso0VwwhMoWAKOO+o4IZhmNPh2FQMwzAMY3kYhmEYhmEYhmEYhmEYhmEYhmEYhrEiAPAvMC2jj4+Dp4sAAAAASUVORK5CYII="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8323,4514,3552],{38323:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(48984),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),A=t(62383),g=t(93379),v=t.n(g),f=t(7795),b=t.n(f),w=t(90569),m=t.n(w),h=t(3565),R=t.n(h),S=t(19216),y=t.n(S),C=t(44589),D=t.n(C),E=t(42044),P={};P.styleTagTransform=D(),P.setAttributes=R(),P.insert=m().bind(null,"head"),P.domAPI=b(),P.insertStyleElement=y();v()(E.Z,P);E.Z&&E.Z.locals&&E.Z.locals;var I=t(14514),T=t(47514),x=(0,d.getLogger)("Planner","Planner3D");const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),g=(0,d.useTranslation)().t,v=(0,s.useState)(!1),f=(0,o.Z)(v,2),b=f[0],w=f[1],m=(0,s.useState)(),h=(0,o.Z)(m,2),R=h[0],S=h[1],y=(0,s.useRef)(),C=(0,s.useState)([]),D=(0,o.Z)(C,2),E=D[0],P=D[1],L=(0,s.useRef)(!0),U=a.viewPlannerHandler.getPlannerViewConfig(),j=(0,d.useDivaCore)(),k=j.actions,O=j.state,B=O.apiConfig,Y=O.isMobile,K=O.jwt,X=O.isFirefox,W=O.dimensions,G=W.isTablet,F=W.isMobile||G,J=F&&a.uiState.AllConfig.arViewerIframe,Q=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){k.loadModelViewer();var e=function messageListener(e){var n;u.current&&("AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.style.opacity="0",a.productState.setIsARIframeVisible(!1),u.current.src=Q,w(!1)),"AR_READY"===e.data.type&&a.productState.doShowARQRCode&&(x.debug("[AR-DEBUG-PARENT] Planner3D received AR_READY, currentBlob:",!!y.current),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",a.productState.setIsARIframeVisible(!0),k.closeModal(),y.current&&(x.debug("[AR-DEBUG-PARENT] Planner3D resending SET_AR_OBJECT on AR_READY, blob size:",y.current.size),null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*"))))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){var e,n;(x.debug("[AR-DEBUG-PARENT] Planner3D useEffect doShowARQRCode:",a.productState.doShowARQRCode,"arViewerIframe:",J,"currentBlob:",!!y.current,"iframeRef:",!!u.current),u.current&&J&&a.productState.doShowARQRCode&&y.current)&&(x.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via useEffect, blob size:",null===(e=y.current)||void 0===e?void 0:e.size),a.productState.setIsARIframeVisible(!0),u.current.style.zIndex="10000",u.current.style.position="fixed",u.current.style.opacity="1",null===(n=u.current.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:y.current},"*"))}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type&&"TrashIcon"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(E)&&P(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(k.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return k.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&k.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,T.jsx)(T.Fragment,{}):(0,T.jsxs)(T.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,T.jsx)(I.default,{}),(0,T.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:Y,elementsInfo:E,inBackground:b,stopRender:!a.isParentViewVisible,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:B,jwt:K,renderInBackground:!!J,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:U.posNumIcon,posTrashIcon:U.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t,plannerMode:a.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",idm3DEnvironmentEnabled:a.uiState.AllConfig.idm3DEnvironmentEnabled},callbacks:{setGlb:F?function(){var e=(0,r.Z)(i().mark((function _callee(e){var n,t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:x.debug("[AR-DEBUG-PARENT] Planner3D setGlb called, glb:",!!e,"glb size:",null==e?void 0:e.size,"arViewerIframe:",J,"iframeRef:",!!u.current),y.current=e,J&&u.current&&e?(x.debug("[AR-DEBUG-PARENT] Planner3D sending SET_AR_OBJECT via setGlb"),null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:e},"*")):(a.productState.glbUrl&&URL.revokeObjectURL(a.productState.glbUrl),t=URL.createObjectURL(e),a.productState.glbUrl=t,S(t));case 3:case"end":return r.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&k.openModal({title:g("configurator.missinggeo_title"),text:g("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),J&&a.productState.loadRTVForAr&&(0,T.jsx)("iframe",{src:Q,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100vw",height:a.uiState.isMobilePortrait?"100vh":"100%",opacity:"0"}}),R&&a.productState.loadRTVForAr&&!J&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?w(!1):w(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:R,ar:!0,"ar-scale":"fixed","ar-modes":X?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:A})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),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 i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAbvElEQVR4nO2dC3hU1bWA1zyTTCaZvECeIiJiUVpitOhtrkq1YGm9ohbls/ioVouC2gqFYiuCl4JWwOptqi0olVuRglfxirag9cW95eWg1RSwgDwC8g4JkEkySWb6rWGduLOZ95yZ81r/982XcybnnNl7n7POfqwXMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMIzOuQAAfgsAnwFAEADCJv10AMB+AHgFAP4DAGz8YDLxcALAPHpwzCoU8T7vAUBPfkKYaODbc5lFBUP8fA4APYz+hHBXqD6TAGAuXtXtdsP06dOhuroaCgsLIz/U3t4eDgaD7eKvdnR0hEKhEP4vhPuhUAiPCbW1tYWUY/Lz8115eXkuubRtbW3tCJ4TCAQa3W532OPx5DudToeTiFXDcDgcpF4uLRwOR15eXl6Bw+FwYL0WLFjQvnDhQrGMfwWAq3R2f1KCBURdigCgDgB85eXl8Oqrr3YKhlV45plnDi1cuLC7UN1vA8BfjFp9uw7KYCZGo3BgfbDnsJpwIPfcc0/3YcOGNQtf3aphcTKGBURdLlGu5vF4wiapU8rMnTvXVlpaqpx2qXFKfjosIOpSoVzNZrOFcvSbugPnQMXFxUqxuhun5KcTcwLHpIVDb81Gk//IggGyZ88e2L9/P/h8PjjvvPOy8psdHR3huro6ZX6ruzZJBRaQLBEOZz7C+vzzz3G40rnf0tIC9fX1kYc+GZqbm6GhoQF69uwJK1asALvdDo8//jisW7cucjZee/jw4ao3AJYv2TLqHRaQLIAPYmlpacYS8sUXX8D69eszLuC+ffsin759+3YR3KNHj2Z87Wh0dKS9cqw7WECyAL49u3XrlvH8ThkWZQIKa2VlJVRUnJoe9e7dG5T5gTCRVpXm5uawWVQIrAdRl5cB4Aa84ttvv91eWlqa8QuoqakpreXiQCAQmXvk5+erImipUFdX1z569Gil7q2o58xpAVSEe5As4XA4VHn5pKtL8Xg82a+kBeBl3izhcrm4dzYBLCBZAMf9drudBcQEsIBkARze5OXlsYCYABaQLGBFGyyzwgKSBWw27jzMAgtIFjhx4oTp6pQKalgR6AUWkCyAuovm5mbLGivW19c3J3GYIWAByRJWHma1tbWZxtaEBSR78ETEBLCAZAmHw9BW3hkRMospLwsIkw1aWlpazdKwLCBZwsZrvaaABSRLsHyYAxaQLLF7927LLvNiTC4dFEMVWECyRGNjo2WjmvTo0aNEB8VQBRYQRnXcbrdpnisWEEZ18vLyTPNcsUdh+pxJof77AcBxAPgbKwdP4fV6WUAsDPpXP4FRNqPEfLLsvEMkyRU8PGgw5VDphhYqGLYLANYCQEPOCpsAFpDUKACAPwPA5THO4h4kMRcBwF0AcB0JhgwKynIA+DkA7NK6sDwHSY1nogjHfrqpXcDogjquhxZgu30AABsB4O4YwoFg+oSbAeATAPiu1oVmAUkeDON/m3D0FwDwDQDoRYlinhevVFtbywJyCjuFQ8KsU/+ewnlFlNLtm9ksXCJYQJIDh06PC0eirdEompgj9QBwJwD8Rjlg6dKlLgwVykR6hBukZkBz+DcA4AcAMBAXvgAAo9l9iwRJAc99kf6nCSwgyTECAIYIR2LA3L9HOROzS23GjcOHD8OcOXPazBSGM1ni1BkzWj1NK384fPoDAGyn79EN823qMRYJ52DvfJ9WdWEBSY6JwlEBStAZDbzR05XvV65c6fr0008b9Ved7NLU1BTNzOavtGL1AIYLjlOAMK0Q7hC+G6tVXVhAEoM5Ar4jHPVHADgW56wV2IEoOw8++OCHVhtqHT58WHS5DdMLBnMVbkvyEq3Uzgq4HJzb+KkEC0hiHhOWb/HNOD/BGR00VIjQ2Ng4tLa2NvMQ7QaiublZXNXDXrUmjdKLvQw+p5rEUmIBic+NAHCtcAS+1T5L4rxPhe3y2trah3NZaJPQT6hGO81Rcg4LSGzOB4AFwn/RnGRakuceEnfy8/Orc1BeszFKqE8tCUnOYQGJzlmkMReXFyeR7iMZulgolJeXX6htdXJLMBgMZviD+EKpFPbf1KouLCCng+vy7wNAX+E/SwBgYQrX6CXuFBcXn5GlsuqS9vb2TNa2bWTrpoDXek6rerKAdKWalH9nCt+i8dwPU7zOAGG7vn///pVxjjUdNpstk+fqATGdNr2cPteqjVhAvmQ8rdVXCN99REu8qUYK/Kqy4fF4dpSVlVnKKLR3797p5na7WLJYOJHCvC8rsICcsvl5kQwRxbX2NaTVjafziHW9wcrOww8/fJbTaS2j6TQ9CvuQDkm8Bz9JoFTMOlYXkH8DgI/JelTkBVJspeOXUK34iWBuwMsuuyyW1SrzJdhrr5bmbku0nHsoWFVAsN4Pk/n12cL3LTTUup0UXOlwtXLOzJkzI0k0mbiU09D2K8JBG9OY92UFKzpMedHYVjIfATIyHCsp+VLFRo5AEaqrWf2RgJ4A8BbpnBS2kyGjLiLEW60H8QHAO5JwhMnCtCpD4QAaXkWWh8vLyznTbHwGAcD/S8JxkO7NoXQumA2s1IM4aBJ4sfAdTsBvId8ENbhDuUZBQUHOK6gXMIlpAq4AgP8BgDLhMFTCXgkA/9RVXXRQhlzxU7oxCujvPExF4cCbfZOy061bt/16bYhs4/P54r14f0QTclE4dpC34Va91cUqAoJDq4eEfTRHH56C+XUyjKegDhFuvvlmy2byjJH6IY9s254lT0GFDbSaqJkyMB5WEZDvkX5CYaLKETMKZK+3gQMH5ql4fUOBy9uSkJxNFgryytQr9KLSzZxDxioC8m1hu47CyqjJj8g1tJPS0lLLhlRC4ejZs6eyi73FJgAQDTZxYWQmvbgC2pQyOaxwE90UDEDhzyoHePPK5hC4euX1eq2bYqordhriKjTQwshKnZQvLlboQa6WzNbVvjFoBt9d/CKJVRyr8iEtZBRSr4vb5+q5LazQg9whbDfSCopa9KLVsS5YOT9hDMI0GcfefFWUQ1BJ+yRFM9FVGBizv+p6SUrBpRQQQC0el3ylT4LFdSAx+Jj0T7HM/gfTCtcGvfUoZheQ8VIvmYrTUyIuA4BxwjGfGGVcrQGVST5rF5L/zVC9FNzMAlJA8ZUUNtAYWA3ctJ4vcp/ehgc6BA1AZ5A5jp0c0yaRiYlCGVk8aBZNUcTMAnKH5Pz0axWvPUWyPn2BLIOZ2GwnT0Fc3t1L85I6CqP0FWlu0k9S7GqGWQXERQ+xwm4VdR9oZPcLYb9enqgXFlpWiR4hFAphPDDxq7co7cFHMU45RlbQYkil8ZSLRVPMKiC3Sn7lT6gUNsZG8xhRSz5JjKSICEoyS7Jq1So4caIzjNXrtFCSKAQrmrfPEvZ9ZLyoKWYUEDc5QykcUNEz7V4yaVd4iwIwdyEctm7mAwza/cgjjyi7W8nH5rT8KTF4jaJXKlyao2LHxIwCcpcUle8x8hTMFDQlmS1co4kSwZzGrl2aJ0bSjPnz54vR3X+coikJdjs7hf1ztK6P2QTEI80P0OH/dypd+5fSykrMFGH79u3D+LSW60ZwWLV6dacedo/f74+mFEyEOFzVPN+62QRksmQ0+J8q9R4DpOxSfxeT5UQjyUSWpuLw4cPi8CjdgN26eibNJCA9pNWkbSrOPe6XMtpOTqTzsGLinAMHDogCkq7DmBiFMtWQS6pjJgGZRZa1CtNUXLm6SdjfIKY3iIUV06/h8q5AOm+IYmn1cWecY3OCWQSkkvLdKfwf+TyrwUDprbY4yWtaMSW0OO/yxjkuFldJ7ebPTjGTxywC8l9CXcIUkU8tekvX2ZTMda04B7HZbGIX0j3OobF4UPi+jSLQaIoZBORWSses8AcVba4gyhq+K8ZxlsfhcIhD2oEptsePpfu4gucgmYPa1l8JV0Ft7c9U/g05mEBVtitlVAoKCsQh1qCqqipfklUZLyVGxfnLo3poBqMLyBxpfjA9CwEAvpAmi99V+fqmYfDgwV6fr1MmcNVvdIK6dRcCh4vP4izKKqU5RhaQS8ltU+HjNJNFJoPo53EFhcyMSzAYtJyi0OVywUMPPSTOQ34eI/lmbxKC7VECh79EFr+6wKgC4iajQaX8ITL7yJby4U/Ctj2ZvN379++Plivc9FRXV9uFdA84D3mX2usq8s/Bl80eEp6iKO2B1tJf00s7GVVAHhFzcNAq1sYs/t7fpGGW/NZjCIxmv3jxYrH3vJh6BTTs/C1Z9sZ77i6kmL1X6aFNjSggXweAqcL+LnobZZMwjZUVLpKCLjMCgwYNsj333HPJ9KAHKfXBe2T8qeAhPdaA+KdnH6MJiJu89xSzD3xw75QaN1v8UbquLvJX6JWhQ4faX3jhhVhD3jcoe1dP6imGkxvuK8IxxdTjaIrRBAQNBs8T9mtyqEz6jIZaCj+IMYZmiO7du8vxj7C3H0krge9KmnfUedwouS6PkKLx5xyjCcidwvY+aaiVC8RVMl8sfxDmlOPUmDFjxJZYQslN48Ulwx5ngiQ4t2jZnEYSkAqafygs1CCu63IKOKAwSXK/ZQDg+PHjEeE4eTISJixE7fR9cohKRK3UU4/Qsk2NJCDVkiGbWnk9UqGNonAo9JQiN1qepqYmTP2g+KSHyBRofort8q6wfa6YViLXGElALhK2W+JEyMg26KF4RPiNn0q+Ipalvb0dpkyZgjogpQkekFb/kmW7cJxNyn6bU4wkIKLeY7NKvh7pEJBibPUHgDHqXd64bNy4EdatW6eU/yW/3x/X6zIOcoZhzWJIG0lARAf+z+IclwtqpPH0ZI3LoznNzc0weXJnMzSSF2a6yDomzdLZGUlAxEglWnuaNUjuvFVSOCDLsXbtWtGL8lm/338kzTawST3yFpz3a9WeRhEQrxRRZG+cY3PF01IMp3t1UCZNwLnHnDlzxJ9+KYNy3ChFeFfLMzQtjCIgsnfaAY3KIbJTWkm7HtOja1+s3HPw4MGO+vp65XebKdJ9Ovgkv5DWKEHCc4pRBER+8NLtvtXm98L18vRiYJdr8vPzRa/LY36/Px1Tfxsl0BFdnGtIIawZRhEQ2TOtQaNyyPxFCt1vycSdwWBQXLBIN23BbApgrbCLrLY1xSgCIje6ZpM2iXbJV8SSeDwecS7mraqqSjVk6AzJVTpIPiQntW5PI03SRXJhvZssy3RUFk0oKioqEZykkGuSLIeDhlFyT3F3BpEZVcUoAiLnidBTbu210fzgGxoatFJk5hy73Z5XVlYmar/vraqqSjTcPIMMF+XVv8nk0qCPuumgDMkgGwSqmYgzU0LRMreeccYZlsoFPXv2bDHo9DlSCgoZjFT5KfmEKITJNGVenPNyjlFuolvYDukwF+BpJtxebzqBBY1LZWXlpSNGjBDjWE2vqqqaL0SdwQa5gaJeYrbhblJl20nh2l9PjWAUARGDtelx6PKu/EVIClRrBWbNmlVQUVEhLvH+hHRWx+nzshQcTsRFlr9o7n67XprLKAIillOPD94+itTRSUVFheWWfB0OR/6SJUv29+nTR75HRTFiFbdEuZ8e0odMzGJRk8YoAiI2rl7fzGvFHYfDYcXg1VBeXt7rtddes992222xlmjD5N8/iPw8CinSiZwl+Necgi15xG5brw+eVv4puqSysjJawLgN9NCjG+0/6TvsRd4EgMul5V5cAn5S67rpZhgwe/bsmP+TovXZ4x0b4/wMSpY0H4sHNjU1hQoKCiy1kgWUOGjBggX4EV9k9aQIXCi97GQepWBz4+j7YQAwhFa8NMEoN7AD0wnQx07ltuusN/mHuNPa2mq5STr6hEyaNCkiIAKvkrPbggTCoSAHrU4YxTKbGEFAbHa7PYTCYbfb8eOkns9J3bBDJ/XYqzMFZk4JBAIwduxYWLNmjfKzAYpCc71kr5aIbVL6ilFa1kvvAoLlc7jd7pDD4cCJLwZItjU0NBSS8jCPlgcVYdG6R9mhbAQCAcskKWxtbYVx48bB3r2dbjpoaHiJ3+9/Ps1LvilsD4liSZEz9CwgdnroXR6PB9xudyTuK36am5u7kYWvl1ZC9CIknWmhjxw5YgkBaWtrgwkTJsDu3buVrz4h4chk3rBZ2HYkE00/W+hVQGyKcODbw+fz2VBAgsEgJmnBngQTPfa02+0up9PZNG3atKaioqJgSUlJuKyszD5y5EhQPjmmTvm5nTt3unP947kmHA7D3Llz4aOPOhfwtgLAlX6/P5UhVTTk51Kz+ZxelVl2KhsOobwVFRXuY8eORXyeUUHtcrnOtdvtK6dOndrZp0+cODGsmKAsX77cPmDAAC0atfPBWLZsmRvjQ5mZzZs3w8svv6zUEDXl12Tgiy4yTNgOUhIjTdBjD6L0Hk4ae5ZUVFQUYHIWoGVEt9u9d+rUqXtiXWDMmDEhjYZaR5UNfLuaGfRDnzmzS56bn/n9/u0qVLmMYjArrI2SJzJn6E1AbMISrovmF8WlpaUFeXlfGvS6XK7Nca9yKql9tssaDT35qWSVbdu2te/Y0bkmsZ+WcdUA/UNKhOukO9FXBb32IEovglJR5PV685QeBJd6nU5nwkyzo0aN0uIVLgc8My1Lly4VTUne8fv9ahiRzpD0HrUU9Foz9DoHEYXEnZeX51Dyjvfq1QuFRK+hPi0TgnT16tXiHC/TwAp4cx8DgCnCd0FKMaGp9bbe9SCRibfL5QpQpPBIDxLW7wDf9CtXCkVFReK8IJPg0qUA8JokHHh/71I5331a6FFAwopg0OSs2eFwHEFlFIJRw1tbWxP2fMuXL9dikl6SxDGm4LrrrhOfnQvSrNMI0puIPuxhyhGyWA/tpDcBEYWjnSw9G10u1x5cNYFTvt7Q2NiYTIA2LQRELJepfdJHjRpVKuxWV1VVpaLMQy/D/yZX5T7C9wEKO/qMikXNCD33IG0Upa/R6/XuUuYgOLo6dOiQHGmxC6gH2b59uxbDsL7Kht1uPxb/UGPTr18/5x13dKZGwUWTXyVRITQRmkb2VuOk/20h/YemoUZl9DpJ76AeoFkRYq/XGygoKPD4fD60+Yk51l+0aJHtwIED4ZEjR2ohIGcpGw6HoyGK37WpGD9+fGQ5/c03I6ZT46qqqlBZONXv98vOUueRbuOuKFEyQxTn+CG637pCjwKiPNjKHAS73Y7W1tZjdrvdg+m9YqUHXrRokR1v2MiRI7UyTehMMIraf43KkDPQeHT69OnYo8OHH0bm0/eSoKyhUEg4DBsqvjgk/HTOBr3WUc+rWCEax+PsPNDS0nIMTaoxxdfRo0cHzJs3r1O4a2pqHDU1NU6NhaMn5VGMMGTIkHRDcBoK1E89/fTT8I1vdMZiKCYXWlyiHR1DOOro/1/Xs3CAjodYSi8Sou1QW1tbxIwD5yLt7e1lwWDQNWfOHJtwXEhD4UAuFHes0IMooJUDGi3OmDEDVq06LUSYCHpd/oYm6IZQquo98kbncCsUCnUawYVCIR81cFg4Lpzg5mSbLuFsevfubRkBQdDaetasWTgv6XjvvfdannrqKdEnHdN1r5TM2A2BETwKIw9/KBRqwhUs/IRCIZfYuyTpypltLhevX15ebrnEnqjEPfPMMx3Dhw+XI2HON6JwgMHC9TsEBXpYJ0KhUCKZaENJSYklw/4gZgpWYaSK6Dm64ijZDquwsNCyAuLxeFhANEAc0+rNrPx78hfo+WhVsO79++sqxG7aGOkt9z4AXEbbr1K0DD1QQv4QXQILoF5A0f6ny6ZNm+DJJ5+MWDAXF3ddNcbhJtqlAYXbwW3UEaFRJ7omo/cl/k0FnEMMGjQInn322YyDb9fU1MDzz3e6criManpjpDmIqJU+Gue4XDNWFo4rrrgiY+FAUAGHbq34yQXozrxlyxbAhJyZCsgFF6Rrv6gvjCQgov3V4TjH5Zrx8u9hFBY1iPaQ4rVLS0ujXh17EjTqxL8YbSQR2GPgb+BHEehzzjkH+vbtm/DcRPTp0yezC+gEowhIgWTDo4c86UBLu1+Tv6ytrY0MgTLtRaqrq8Hv92d0DQSHXXI2BixbUVFRxteOBdrMmQGjCIhsrlAX47hcM1X4vQ4KMFC9Z8+eSKTBwsJo8ZtzjxbJfKSXg2EjWBhlFWuQtL9No3LIfEvYXyrG51UcvJiIha5hg+gZRUDEGV+7GOJTY16in6+ngAOds2mcYDMR/mHkZjCKgIjj/C1axkmSuI3Khub3GBPqdWU4UVenl1GgNmzdulX53f81cj2MYi80j2LxArlprtC4PCIHyTUYaSCfkAtwoo5zkY6OjpM+n6/e6XRiz+ekyXuXATquOOGQLBAIhPEvppA+cuRIS0NDQ5vyOX78OA5TnKFQyIY5ydVYRs4GWJf169fD/fffr7THLXp0hEoWIygK+0r5/+7Vk89yFLqTI1DO1zlxafWSSy457XuMur5u3bq456KCcMiQIRn9PioqP/jgg4iSknpS1BEty+iiTEJuFYwT8fNVAzTZuTTkClv0gyr8H+rgPliCJcJDdthA5jFFFAztmIWEpIP8PozwEksKvT9sTsG3GUhYvq9xmVIFHacuAoCzNUwE86iUY2MuAHym4vU7aC62UWdWDqZnpPSGusnqDZIGd0tt+L7hasDEZLFwYwOUUYpJnvPR0kRqw3O5/cxBMfl9KDeXV0NSo5gyPom9x31GqgATnwnSzdU026nBcJK+SGy/1w3m/8PEwU6TSOXm7jaY96OWoBAskoRju7DQwZiAMdINnsI3NSlslKFJbLsGSuTPmAQHGbgpN7hRMDNhYuOgdGWicKBK+5vcZubiTukm/9LqDZIEhWQUKLYbarOv1X3JmZQoJYWTcpOP8dg5IRg+5KMoPQcLhwl5TrrRD1q9QRJwLfmiiG2G4e+v1HWpmbT4jnSjaw0WVCKXoJ3X76LYQu0ykx0U8yW9yeZKNHq7lNsnKteQ+b8sHO+YPWGPVUEDvvXSzX7M6o0ShYGCx6L4aSd3X8sFy7YCdjIhEW/4eikOr9XpTinKglGEA5Wpp3tIMabAEUXje0ALTzydgnHA5mDm6yiCEaTlb63M55kc8CfppgfkFAIWpRf5a5yMIhj4eSNKGCTGZPSIsm5/tcVvMs4xfk9tEU0wNgHAVTooJ5MDHLSMG6YhxAgLN/oQ6k07YgjGJwBwA1viWg8f5dXoZ9H69yKHsFAMwUD31etYMBgrcicZYUYTjLdZE85YFQ+FK5WFIkRJgS7mJ4OxKmh0uS6KcKwBgCp+Khgrg/7hH0ZZ1p7AcwzG6qDB5WpJODAB0FCrNwzDIE9EsbiVEwIxjCW5WlrGPcpxqRjmFGWUHlo04WdNOMMQL7JvPcNE53pJOPxsws8wp+gueUe2SjkWGcbSvCL1Hr+weoMwjMLtUYZWHHiCYSjT7XHJx+V8bhiGOcUaqfd4gNuFYb4kILnFso0VwwhMoWAKOO+o4IZhmNPh2FQMwzAMY3kYhmEYhmEYhmEYhmEYhmEYhmEYhrEiAPAvMC2jj4+Dp4sAAAAASUVORK5CYII="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,2593],{22593:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(48984),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(48984),l=i(22593),d=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,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var k;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(k=h.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=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)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*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)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"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:[u.map((function(e,n){return(0,a.jsx)(r._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:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.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 d="index-module--GuiBy";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,2593],{22593:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),h=i(22693),p={};p.styleTagTransform=b(),p.setAttributes=c(),p.insert=a().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=u();r()(h.Z,p);h.Z&&h.Z.locals&&h.Z.locals;var x=i(48984),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.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),r=(i(87363),i(49944)),o=i(48984),l=i(22593),d=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,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,h=!1,p=0;p<s.Cells.length;p++){var x=s.Cells[p];if(x.IsDisabled)h?u[0].heightCount++:u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:!0,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete}),h=!0,g=-1;else if(h=!1,-1==x.InUse)u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:x.IsDisabled,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete});else if(g!=x.InUse&&g!=x.OnBoard){var v,y;g=x.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:x.Type,isDisabled:x.IsDisabled,isRequired:x.IsRequired,articleText:null===(v=x.Article)||void 0===v?void 0:v.name,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete,basketId:null===(y=x.Article)||void 0===y?void 0:y.basketId})}else{var D=u.find((function(e){return e.inUse==g}));if(D){var k;if(g===x.OnBoard&&!b)b=!0,D.articleText=(null===(k=x.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+D.articleText,D.onBoard=!0;D.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=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)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*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)},I=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"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:[u.map((function(e,n){return(0,a.jsx)(r._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:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:I(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.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 d="index-module--GuiBy";const a=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9189.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9189,4900,7853],{42941:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(48984),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},79189:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(48984),o=n(87363),r=n(42941),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(19026),y=n(97853),w=n(79454),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(97718),l=n(48984),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},19026:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(48984),s=n(9420),l=n(57075),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(48984)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(48984),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(48984),l=n(82956),d=n(67e3),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(24900),m=n(65515),S=n.n(m),v=n(47514);const h=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,h=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,v.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},e),(0,v.jsx)(f.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(48984)),a=n(80509),s=n(67e3),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63224),x=n(51451),b=n(22120),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9189,4900,7853],{42941:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(48984),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},79189:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>O,default:()=>T});var i=n(48984),o=n(87363),r=n(42941),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(19026),y=n(97853),w=n(79454),j=n(9420),I=n(65515),P=n.n(I),k=n(47514),O={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(w.default,{className:S.x6}),(0,k.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,k.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(97718),l=n(48984),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},19026:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(80248),o=n(72874),r=n(87363),a=n(48984),s=n(9420),l=n(57075),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),k=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const O=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(48984)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},24900:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(48984),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63224:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(48984),l=n(82956),d=n(67e3),u=n(74133),c=n(84658),p=n(12952),x=n(34988),b=n(50747),g=n.n(b),f=n(88683),m=n(24900),S=n(65515),v=n.n(S),h=n(47514);const y=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,x.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(g().mark((function _callee(){var e,t,n,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),b=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:b,teaseSwipe:u}}(t),o=n.setSwiperRef,b=n.allSwipes,S=n.handleSlideChange,y=n.handleSetTransition,w=n.handleTransitionEnd,j=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=b&&b.length?(0,h.jsx)(a.tq,{onSlideChange:S,onSetTransition:y,onTransitionEnd:w,initialSlide:j,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:b.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(48984)),a=n(80509),s=n(67e3),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63224),x=n(51451),b=n(22120),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9454.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9454,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(48984),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>u});var t=o(34988),r=o(48984),d=o(87363),i=o(9420),a=o(2400),l=o(47514);const u=(0,i.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,d.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,l.jsx)(l.Fragment,{});var o=Object.entries(n.tabGroupState.allTabGroups);return(0,l.jsx)(l.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),u=i[0],c=i[1];return(0,l.jsx)(a.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},u)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>u});var t=o(34988),r=o(48984),d=o(87363),i=o(34725),a=o(9420),l=o(47514);const u=(0,a.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),a=(0,d.useState)(!1),u=(0,t.Z)(a,2),c=u[0],s=u[1],m=o.tabGroupState.allTabGroups;if((0,d.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,d.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||s(!c),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!m)return(0,l.jsx)(l.Fragment,{});var p=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,x=Object.keys(m).length,g=0;p?(g=p/x,80*x>p&&(b=80)):setTimeout((function(){return s(!c)}),100);var f=Object.keys(m)[0],j=Object.keys(m)[Object.keys(m).length-1];return(0,l.jsx)(l.Fragment,{children:Object.values(m).map((function(e){return(0,l.jsx)(i.default,{tabGroup:e,height:g,isFirstItem:m[f].key==e.key,isLastItem:m[j].key==e.key,minHeight:b},e.key)}))})}))},79454:(e,n,o)=>{o.r(n),o.d(n,{default:()=>k});var t=o(80248),r=o(72874),d=o(48984),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),j=o(3565),v=o.n(j),O=o(19216),h=o.n(O),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=h();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const k=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,j=(0,a.useRef)(null);return(0,a.useEffect)((function(){return j.current&&l.tabGroupState.setTabGroupScroller(j.current),function(){}}),[j]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:j,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>j,Sl:()=>b,ZP:()=>G,_z:()=>v,b6:()=>h,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>O,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",j="index-module--BXnzB",v="index-module--GvXsI",O="index-module--RZGEF",h="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9454,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>s});var t=o(80248),r=o(34988),d=o(88291),i=o(9420),a=o(48984),l=o(87363),u=o(88683),c=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const s=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,d.Z)(e),e)),o=(0,l.useState)(""),t=(0,r.Z)(o,2),i=t[0],s=t[1],m=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&s("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return s(e.target.value)},placeholder:m("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return s("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),r=o(12952),d=o(48984),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,d.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,r.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var r,d,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(r=null===(d=n.tabGroupState)||void 0===d||null===(d=d.tabGroupScroller)||void 0===d?void 0:d.getBoundingClientRect().width)&&void 0!==r?r:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),r=(o(87363),o(2765)),d=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const i=function ItemVariant(e){return(0,d.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),r=o(34988),d=o(48984),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,d.NP)(),l=(0,i.useState)(!1),c=(0,r.Z)(l,2),s=c[0],m=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,r=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;r&&r>0&&(e||m(!s),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var b=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,x=void 0,g=p.size,f=0;b?(f=b/g,80*g>b&&(x=80)):setTimeout((function(){return m(!s)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:x},e.key)}))})}))},79454:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var t=o(80248),r=o(72874),d=o(48984),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),s=o(82147),m=o(93379),p=o.n(m),b=o(7795),x=o.n(b),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),w=o.n(y),G=o(31638),C={};C.styleTagTransform=w(),C.setAttributes=j(),C.insert=f().bind(null,"head"),C.domAPI=x(),C.insertStyleElement=O();p()(G.ZP,C);G.ZP&&G.ZP.locals&&G.ZP.locals;var S=o(62018),z=o(95414),P=o(47514),I=["className","showCloseButtonInMobile","tabSearchClass"];function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,r.Z)(e,I),l=(0,d.NP)(),m=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,b=p.isFullscreenComponent,x=p.dimensions.isMobile,g=b&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,P.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,G.x6,l.uiState.isMobilePortrait?G.tW:void 0,l.uiState.isMobileLandscape?G.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?G.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?G.KR:void 0,g?void 0:G.oY,f?G._z:void 0,x?"left"==o?G.kn:G.e3:void 0),children:[f&&(0,P.jsx)(z.default,{className:t}),(0,P.jsx)("div",{className:u()(G.Ci),ref:v,children:(0,P.jsxs)("div",{className:G.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(s.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,P.jsx)(S.default,{})]})}),g&&(0,P.jsx)("div",{className:G.b6,title:m("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>x,KR:()=>v,Sl:()=>b,ZP:()=>G,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>w,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>m});var t=o(8081),r=o.n(t),d=o(23645),i=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(r()),s=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var m="index-module--UQONc",p="index-module--Lpp4z",b="index-module--xae91",x="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",w="index-module--VAKfj";const G=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);