https://www.piabgroup.com/assets/142.chunk.cd5cfa752da567b7e74c.js

1/*! For license information please see 142.chunk.cd5cfa752da567b7e74c.js.LICENSE.txt */
2"use strict";(self.webpackChunknitro5_app=self.webpackChunknitro5_app||[]).push([[142,7761],{9486(e,t,n){n.d(t,{A:()=>p});var o=n(63696),l=n(10774),r=n(61121),a=n(60182),s=n(60318),i=n(60945),c=n(62860),d=n(93874),u=n(67352),m=n(50622);const p=e=>{const{maxWidth:t,maxHeight:n,fullscreen:l,customBaseStyling:a,customCloseStyles:i,customInnerContainerStyles:p,tabTrapStyles:y,isOpen:b,onClose:g,children:E}=e,w=(0,m.Am)();return o.createElement(d.P,null,o.createElement(r.Ay,{enabled:b,onClose:g},!!b&&o.createElement(v,{css:[{maxWidth:t||550},n&&{maxHeight:n},l&&h,a&&a]},o.createElement(u.N,{enabled:b,tabTrapStyles:!!y&&y},o.createElement(f,{css:!!p&&p},o.createElement(c.A,{reloadCurrentPage:!0},E),o.createElement(C,{as:w.modal.closeButtonTheme,onClick:g,css:!!i&&i},o.createElement(s.bm,null)))))))},h=(0,l.I4)({top:0,left:0,transform:"translateX(0)",height:"100%",maxHeight:"100%",maxWidth:"100%",borderRadius:0}),v=l.I4.div({position:"fixed",width:"100%",left:"50%",top:"20%",backgroundColor:({modal:e})=>e.backgroundColor,transform:"translateX(-50%)",padding:{xy:i.as},borderRadius:({globalUi:e})=>e.defaultRadius,overflow:"auto"}),f=l.I4.div({position:"relative"}),C=(0,l.I4)(a.vU,{position:"absolute",right:-i.as/2,top:-i.as/2})},61121(e,t,n){n.d(t,{Ay:()=>y});var o=n(26166),l=n(63696),r=n(10774),a=n(50667),s=n(36785);let i=!1,c=null;const d=()=>{var e;const t=document.body,n=t.style.cssText,o=window.innerWidth-(null===(e=document.documentElement.getBoundingClientRect())||void 0===e?void 0:e.width);if(i||(c=document.createElement("div"),c.id="scroll-freeze-cover",c.setAttribute("aria-hidden","true"),document.body.appendChild(c),i=!0),(0,s.w)(o),(0,a.un6)()){const e=(0,a.BlN)(),o=document.documentElement,l=o.style.cssText;let r=!1;return requestAnimationFrame(()=>{r||(Object.assign(t.style,{position:"fixed",left:"0",right:"0",top:-1*e+"px",margin:"-1px",padding:"1px"}),Object.assign(o.style,{minHeight:"100vh"}))}),()=>{r=!0,t.style.cssText=n,o.style.cssText=l,(0,a.BlN)(e),(0,s.w)(0)}}return t.style.overflow="hidden",t.style.paddingRight=o+"px",()=>{t.style.cssText=n,(0,s.w)(0)}};var u=n(60945),m=n(57206);const p=(0,m.JI)(()=>({opacity:.3}),{opacity:0})(r.I4.div({backgroundColor:"black",position:"fixed",zIndex:u.Py.Overlay,top:0,right:0,bottom:0,left:0,height:"100%",width:"100%",opacity:.3,willChange:"opacity"})),h="overlay-open";let v=0;class f extends l.Component{constructor(){super(...arguments),this.state={coverIsPresent:!1},this.overlayCounted=!1,this.close=()=>{this.props.enabled&&this.props.onClose&&(this.unfreezeScroll&&this.unfreezeScroll(),this.unfreezeScroll=null,this.props.onClose())}}componentWillUnmount(){this.disable()}componentDidMount(){this.props.enabled&&this.enable()}enable(){this.setState({coverIsPresent:!0}),window.addEventListener("keydown",this.keyDown),C!==this&&C&&C.close(),C=this,!0!==this.props.disableScrollFreeze&&(this.unfreezeScroll=d()),this.overlayCounted||(this.overlayCounted=!0,v++,document.body.classList.add(h))}disable(){this.overlayCounted&&(this.overlayCounted=!1,v=Math.max(0,v-1),0===v&&document.body.classList.remove(h)),window.removeEventListener("keydown",this.keyDown),this.unfreezeScroll&&this.unfreezeScroll(),this.unfreezeScroll=null,C===this&&(C=null)}keyDown(e){e.keyCode===a.QgO&&C&&(C.close(),C=null)}UNSAFE_componentWillReceiveProps(e){this.props.enabled!==e.enabled&&(e.enabled?this.enable():this.disable()),this.props.disableScrollFreeze!==e.disableScrollFreeze&&(e.disableScrollFreeze?(this.unfreezeScroll&&this.unfreezeScroll(),this.unfreezeScroll=null):d())}render(){const e=this.props,{Component:t,enabled:n,onClose:a,disableScrollFreeze:s}=e,i=(0,o.__rest)(e,["Component","enabled","onClose","disableScrollFreeze"]);return l.createElement(t,Object.assign({},i),l.createElement(p,{onClick:this.close,visible:n,css:{pointerEvents:n?"auto":"none"}}),l.createElement(r.I4.Div,{css:!!this.state.coverIsPresent&&{position:"relative",zIndex:u.Py.Overlay,height:"inherit"}},this.props.children))}}f.defaultProps={enabled:!0,disableScrollFreeze:!1,Component:r.I4.Div};let C=null;const y=(0,r.I4)(f,{position:"relative"})},93874(e,t,n){n.d(t,{P:()=>a});var o=n(63696),l=n(78325),r=n(83264);function a({children:e}){const t=(0,o.useContext)(r.o),n=(()=>{const[,e]=(0,o.useState)(!1);return(0,o.useCallback)(()=>{e(e=>!e)},[e])})(),a=t.rootElementRef;return(0,o.useEffect)(()=>{n()},[n]),a.current?(0,l.createPortal)(e,a.current):null}},36785(e,t,n){n.d(t,{X:()=>l,w:()=>r});var o=n(50667);const l="--scroll-freeze-cover-width",r=e=>{(0,o.BdH)()&&document.documentElement.style.setProperty(l,`${e}px`)}},67352(e,t,n){n.d(t,{N:()=>i,i:()=>s});var o=n(63696),l=n(50667),r=n(69136),a=n(10774);const s=(0,o.createContext)({enabled:!1,resetTabFocus:()=>{}}),i=e=>{const{children:t,enabled:n,tabTrapStyles:i}=e,c=(0,o.useRef)(),d=(0,o.useRef)([]);(0,o.useEffect)(()=>{var e;let t;function o(e){e.keyCode!==l.otI&&"Tab"!==e.key||function(e,t){const n=t[0],o=t[t.length-1],{activeElement:l}=document;t.includes(l)||(e.preventDefault(),e.shiftKey?null==o||o.focus():null==n||n.focus()),e.shiftKey&&l===n&&(e.preventDefault(),null==o||o.focus()),e.shiftKey||l!==o||(e.preventDefault(),null==n||n.focus())}

2(e,d.current)}let a=null;function s(){var e;document.removeEventListener("keydown",o),null===(e=null==t?void 0:t.focus)||void 0===e||e.call(t),null==a||a.disconnect()}return n?(t=document.activeElement,d.current=(0,r.i)(c.current),null===(e=d.current[0])||void 0===e||e.focus(),document.addEventListener("keydown",o),c.current&&(a=new MutationObserver(()=>{d.current=(0,r.i)(c.current)}),a.observe(c.current,{characterData:!1,childList:!0,subtree:!0}))):s(),s},[n]);const u=(0,o.useCallback)(e=>{c.current=e},[]),m=(0,o.useCallback)(()=>{var e,t,n;null===(n=null===(t=null===(e=d.current)||void 0===e?void 0:e[0])||void 0===t?void 0:t.focus)||void 0===n||n.call(t)},[]),p=(0,o.useMemo)(()=>({enabled:n,resetTabFocus:m}),[n,m]);return o.createElement(s.Provider,{value:p},o.createElement(a.I4.Div,{ref:u,css:!!i&&i},t))}},50142(e,t,n){n.r(t),n.d(t,{default:()=>x});var o=n(26166),l=n(10774),r=n(60182),a=n(14640),s=n(60945),i=n(48665),c=n(63696),d=n(34702),u=n(31678),m=n(18386),p=n(59095),h=n(50667),v=n(25857),f=n(48022);const C=e=>e.componentName===f.w.Avensia_Common_Features_ProductCompare_ProductComparePageViewModel;var y=n(9486),b=n(60318),g=n(87412),E=n(71120),w=n(93874);const x=()=>{const e=(0,u.d)(e=>e.currentPage),t=(0,u.d)(e=>e.productCompare.codes),n=(0,u.d)(e=>e.productCompare.comparePanelIsOpen),l=(0,u.d)(e=>e.productCompare.cannotComparePanelIsOpen),[a,s]=(0,p.j8)(),d=(0,u.w)(),f=()=>(0,o.__awaiter)(void 0,void 0,void 0,function*(){yield s((0,o.__awaiter)(void 0,void 0,void 0,function*(){return d((0,m.P1)()),Promise.resolve()})).then(()=>g())});function g(){d((0,m.DX)())}return c.createElement(c.Fragment,null,c.createElement(w.P,null,c.createElement(P,{css:!!n&&!C(e)&&I},c.createElement(S,{appearanceWidth:"normal",hasGap:!0},c.createElement(k,null,(0,h.TlY)("/ProductCompare/Heading")),c.createElement("div",null,(0,h.TlY)("/ProductCompare/Items",t.length)),c.createElement("div",null,c.createElement(T,{state:a,as:i.Sx.Transparent,onClick:f},(0,h.TlY)("/ProductCompare/RemoveAll")),c.createElement(r.wl,{to:(0,v.R0)()},(0,h.TlY)("/ProductCompare/Compare")))))),c.createElement(y.A,{isOpen:l,onClose:g},c.createElement(z,null,c.createElement(b.hc,{css:R}),(0,h.TlY)("/ProductCompare/CantCompareModal/Heading")),c.createElement(A,null,(0,h.TlY)("/ProductCompare/CantCompareModal/Message")),c.createElement(_,null,c.createElement(F,{state:a,as:i.Sx.Transparent,onClick:f},(0,h.TlY)("/ProductCompare/CantCompareModal/RemoveProducts")),c.createElement(r.Ay,{onClick:g},(0,h.TlY)("/ProductCompare/CantCompareModal/Cancel")))))},I=(0,l.I4)({opacity:1,pointerEvents:"auto"}),P=l.I4.div((0,s.X6)({property:"opacity"}),{position:"fixed",bottom:0,width:"100%",backgroundColor:({page:e})=>e.productPage.comparePanel.backgroundColor,zIndex:s.Py.Header,opacity:0,pointerEvents:"none"}),S=(0,l.I4)(E.x,{display:"flex",flexWrap:"wrap",justifyContent:"space-between",alignItems:"center",padding:{y:s.Y},color:s.EU}),k=(0,l.I4)(a.H4,Object.assign({marginBottom:0,fontWeight:s.IT.Medium,width:"100%",textAlign:"center"},(0,d.$_)(s._f,{width:"auto",textAlign:"left"}))),T=(0,p.V4)((0,l.I4)(r.wl,{marginRight:s.Y})),z=(0,l.I4)(l.I4.H2,g.T,{display:"flex",alignItems:"center",gap:s.EX,fontWeight:s.IT.Medium}),A=l.I4.p({margin:{y:s.ut}}),_=l.I4.div({display:"flex",justifyContent:"flex-end"}),F=(0,p.V4)(r.Ay),R={color:s.KW,fontSize:20}}}]);