1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[357],{3857:(n,e,t)=>{function i(n,e,t,i,a,r,o){try{var s=n[r](o),l=s.value}catch(n){return void t(n)}s.done?e(l):Promise.resolve(l).then(i,a)}function a(n){return function(){var e=this,t=arguments;return new Promise(function(a,r){var o=n.apply(e,t);function s(n){i(o,a,r,s,l,"next",n)}function l(n){i(o,a,r,s,l,"throw",n)}s(void 0)})}}t.d(e,{A:()=>a})},5357:(n,e,t)=>{t.r(e),t.d(e,{default:()=>ni});var i,a,r,o,s,l,d,c,p,x,m,h,f,u,g,w,y,v,b=t(2969),j=t(3857),A=t(180),k=t.n(A),L=t(4232),P=t(8847),D=t.n(P),C=t(8998),O=t(2228),T=t(5646),z=T.Ay.div(a||(a=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px 0 0;\n width: 100%;\n margin: 0 auto;\n .item {\n position: relative;\n width: 100%;\n }\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n max-width: 1440px;\n justify-content: flex-start;\n margin-bottom: 40px;\n flex-direction: column;\n padding: 30px 30px 0;\n }\n @media screen and (min-width: 1025px) {\n max-width: 1440px;\n justify-content: flex-start;\n margin-bottom: 40px;\n flex-direction: column;\n padding: 30px 70px 0;\n }\n\n .pImg {\n font-size: 24px;\n }\n"]))),N=T.Ay.div(r||(r=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin: 0 auto 40px;\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n max-width: 1440px;\n justify-content: space-around;\n align-items: flex-start;\n flex-direction: row;\n }\n\n &:focus-visible {\n outline: 3px solid #003595;\n outline-offset: 4px;\n border-radius: 2px;\n }\n"]))),B=T.Ay.div(o||(o=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 100%;\n height: 250px;\n margin-bottom: 20px;\n letter-spacing: 1.33px;\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n margin-bottom: 0;\n max-width: 300px;\n }\n @media screen and (min-width: 1025px) {\n max-width: 380px;\n }\n\n .bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n"]))),I=T.Ay.div(s||(s=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n min-height: 170px;\n padding: 0 25px;\n margin: 0 auto;\n width: 100%;\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n justify-content: center;
1\n align-items: flex-start;\n padding: 0 0 0 25px;\n width: 100%;\n margin: 0;\n }\n @media screen and (min-width: 1025px) {\n padding: 0 0 0 30px;\n }\n\n .readMoreLabel {\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n min-height: 44px;\n min-width: 204px;\n width: fit-content;\n border: 1px solid white;\n border-radius: 11px;\n background-color: #003595;\n font-size: 18px;\n transition: transform 300ms ease;\n &:hover {\n transform: scale(1.1);\n }\n }\n"]))),M=T.Ay.div(l||(l=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n font-size: 14px;\n color: #9f9e9e;\n font-weight: bold;\n text-align: center;\n\n @media screen and (min-width: 600px) {\n text-align: left;\n align-items: flex-start;\n }\n"]))),S=T.Ay.div(d||(d=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #003595;\n font-size: 18px;\n font-family: Font-Primary-Bold, Arial, Helvetica, sans-serif;\n letter-spacing: 0.89px;\n margin: 10px 0;\n width: 100%;\n text-align: left;\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n align-items: flex-start;\n }\n @media screen and (min-width: 768px) {\n font-size: 24px;\n }\n"]))),E=T.Ay.div(c||(c=(0,O.A)(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #595959;\n font-size: 14px;\n font-weight: 300;\n text-align: left;\n margin-bottom: 20px;\n @media screen and (min-width: 768px) {\n font-size: 16px;\n }\n"])));T.Ay.div(p||(p=(0,O.A)(["\n position: relative;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n align-self: center;\n font-size: 14px;\n font-weight: 300;\n margin: 10px 0 0;\n\n @media screen and (min-width: 600px) {\n align-self: flex-start;\n margin: 15px 0 0;\n }\n\n .cardLblLink {\n position: relative;\n display: flex;\n justify-content: center;
1\n align-items: center;\n }\n\n .arrBtnIcon {\n position: relative;\n width: 13px;\n height: 13px;\n }\n"])));var F=T.Ay.div(x||(x=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: flex-start;\n flex-wrap: wrap;\n padding: 20px 20px 0;\n width: 100%;\n margin: 0 auto;\n\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n // IE 11 adjustment\n justify-content: space-around;\n }\n\n @media screen and (min-width: 600px) {\n max-width: 900px;\n margin-bottom: 40px;\n padding: 0;\n }\n @media screen and (min-width: 1025px) {\n max-width: 900px;\n margin-bottom: 40px;\n }\n\n > div {\n width: 100%;\n max-width: 300px;\n margin: 0;\n @media screen and (min-width: 600px) {\n width: 50%;\n max-width: 300px;\n margin: 0 10px;\n }\n @media screen and (min-width: 768px) {\n max-width: 350px;\n }\n @media screen and (min-width: 1025px) {\n max-width: 375px;\n }\n }\n\n .pImg {\n font-size: 24px;\n }\n"]))),H=T.Ay.div(m||(m=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 380px;\n margin: 0 auto 40px;\n\n &:focus-visible {\n outline: 3px solid #003595;\n outline-offset: 4px;\n border-radius: 2px;\n }\n"]))),R=T.Ay.div(h||(h=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0;\n width: 100%;\n height: 280px;\n max-width: 280px;\n margin-bottom: 20px;\n\n transition: height 500ms ease;\n @media screen and (min-width: 600px) {\n height: 295px;\n max-width: 295px;\n }\n @media screen and (min-width: 1025px) {\n height: 295px;\n max-width: 295px;\n }\n\n .bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n"])));T.Ay.div(f||(f=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n font-size: 14px;\n color: #9f9e9e;\n font-weight: bold;\n height: 40px;\n text-align: center;\n @media screen and (min-width: 1025px) {\n height: 50px;\n }\n"])));var U=T.Ay.div(u||(u=(0,O.A)(["\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n min-height: 60px;\n padding: 0 15px;\n margin: 0 auto;\n width: 100%;\n box-sizing: border-box;\n\n transition: height 500ms ease;\n @media screen and (min-width: 1025px) {\n min-height: 60px;\n }\n\n .readMoreLabel {\n display: flex;\n justify-content: center;
1\n align-items: center;\n color: white;\n min-height: 44px;\n min-width: 204px;\n /* the button used to sit in its own link, which shrank to fit. Now it is a direct flex item\n and RichTextDisplay's wrapper carries width: 100%, so keep it at its own size. */\n width: fit-content;\n border: 1px solid white;\n border-radius: 11px;\n background-color: #003595;\n font-size: 18px;\n transition: transform 300ms ease;\n &:hover {\n transform: scale(1.1);\n }\n }\n"]))),G=T.Ay.div(g||(g=(0,O.A)(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #003595;\n font-size: 18px;\n font-family: Font-Primary-Bold, Arial, Helvetica, sans-serif;\n letter-spacing: 0.89px;\n margin: 0 0 10px;\n width: 100%;\n overflow: hidden;\n text-align: center;\n\n @media screen and (min-width: 768px) {\n font-size: 24px;\n }\n\n /* the title used to sit in its own link, now the whole card is the link and the title is\n plain text, so .coreTitle has to carry the layout the anchor used to provide */\n a,\n .coreTitle {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: center;
1\n align-items: center;\n text-align: center;\n }\n\n transition: height 500ms ease;\n"]))),_=T.Ay.div(w||(w=(0,O.A)(["\n position: relative;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #003595;\n font-size: 14px;\n font-weight: 300;\n margin: 0 0 20px 0;\n text-overflow: ellipsis;\n @media screen and (min-width: 768px) {\n font-size: 16px;\n }\n"])));T.Ay.div(y||(y=(0,O.A)(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n\n color: #faf2ed;\n font-size: 16px;\n font-weight: 300;\n margin: 0 0 10px 0;\n"])));var W=T.Ay.div(v||(v=(0,O.A)(["\n position: relative;\n width: 100% !important;\n max-width: 100% !important;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n color: #003595;\n text-decoration: underline;\n text-underline-position: under;\n\n > div {\n position: relative;\n padding: 10px 20px;\n margin-bottom: 20px;\n\n &:hover {\n font-weight: bold;\n }\n &:active {\n font-weight: bold;\n }\n }\n"]))),Z=t(2482),Y=t(6349),$=t(8166),q=t(7876);function J(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function K(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?J(Object(t),!0).forEach(function(e){(0,b.A)(n,e,t[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}var Q=D()(function(){return Promise.all([t.e(421),t.e(248)]).then(t.bind(t,4647))},{loadableGenerated:{webpack:function(){return[4647]}}}),V=D()(function(){return t.e(181).then(t.bind(t,2181))},{loadableGenerated:{webpack:function(){return[2181]}}}),X=D()(function(){return t.e(642).then(t.bind(t,4642))},{loadableGenerated:{webpack:function(){return[4642]}}}),nn={from:{transform:"translate3d(0,20px,0)",opacity:0},enter:{transform:"translate3d(0,0px,0)",opacity:1},update:{transform:"translate3d(0,0px,0)",opacity:1},leave:{transform:"translate3d(0,20px,0)",opacity:0}},ne=(i=(0,j.A)(k().mark(function n(e,t,i,a,r,o,s,l,d,c,p){var x,m,h,f,u,g,w;return k().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return m="jsonData/tags/products/".concat(t,"/").concat(i,"-").concat(a,"-").concat(r,".json"),n.next=4,fetch("/static/".concat(m,"?b=").concat("$(Build.BuildNumber)")).then(function(n){return n.json()});case 4:x=n.sent,n.next=11;break;case 7:if(!window.mwApp||!window.mwApp.cms){n.next=11;break}return n.next=10,window.mwApp.cms.getAllProductsByTag(t,i,a,r);case 10:x=n.sent;case 11:if(h=s+(x&&x.matchedProducts&&x.matchedProducts.length||0),f=x.matchedProducts.filter(function(n){return!d.includes(n&&n.link&&n.link.id||"")}),!((u=o.concat(f)).length<l&&h<x.total)){n.next=18;break}return g=x.skip+a,n.abrupt("return",ne(e,t,i,a,g,u,h,l,d,c,p));case 18:return w=c.concat(u),n.abrupt("return",{viewUpdateCount:p+1,currentPage:e,loadedList:w,loadedCount:h,loadedSkip:x.skip+a,loadedAll:0===x.total||x.total===h});case 20:case"end":return n.stop()}},n)})),function(n,e,t,a,r,o,s,l,d,c,p){return i.apply(this,arguments)}),nt=function(n){var e=n.locale,t=n.mode,i=n.readMoreLabel,a=n.products,r=n.htmlId,o=n.listByTag,s=n.pageLength,l=n.productFetchConstant,d=n.backgroundImage,c=n.hideDescription,p=n.hideButton,x=(0,L.useRef)({loadingData:!1}),m=(0,L.useRef)(!1),h=(0,L.useState)({displayList:a||[],currentPage:a.length>s?1:Math.ceil(a.length/s),loadedList:[],loadedCount:0,loadedSkip:0,loadedAll:!1,viewUpdateCount:0}),f=h[0],u=h[1],g=(0,$.ZC)(f.viewUpdateCount),w=(0,L.useMemo)(function(){return a.map(function(n){return n&&n.link&&n.link.id||""})},[a]),y=function(n){var t=(f.currentPage||0)+ +("same"!==n),i=1;if(window.innerWidth>600&&(i=2),t>0){var a=f.displayList.length,r=t*s,d=r%i,c=r+(i-d)-a;if(c>0)if(f.loadedList.length>=c||f.loadedAll){var p=c>=f.loadedList.length?f.loadedList:f.loadedList.slice(0,c),m=c>=f.loadedList.length?[]:f.loadedList.slice(c);p.length>0&&u(function(n){return K(K({},n),{},{currentPage:t,displayList:f.displayList.concat(p),loadedList:m,viewUpdateCount:0})})}else!o||f.loadedAll||x.current.loadingData||(x.current.loadingData=!0,ne(t,e,o.id,l,f.loadedSkip,[],f.loadedCount,s,w,f.loadedList,f.viewUpdateCount).then(function(n){u(function(e){return K(K({},e),n)}),x.current.loadingData=!1}))}};(0,L.useEffect)(function(){f.viewUpdateCount!==g&&y("same")}
1),(0,L.useEffect)(function(){!m.current&&(m.current=!0,a.length<s&&y(""))});var v=(0,C.pn)(f.displayList,function(n){return n.id+n.link.id},nn);return(0,q.jsxs)("grid"===t?F:z,{mode:t,id:r,children:[v.map(function(n,a){var r,o=n.item,s=n.transitionProps,l=n.key,x=o.image,m=o.collectionLabel,h=o.title,f=o.descriptionRow,u=o.descriptionGrid,g=o.link,w=o.imageWidthCap,y="".concat(a,"_").concat(l),v={"data-action-detail":h&&"".concat((0,Y.S8)(h))||""},b=(h&&(0,Y.S8)(h)||"").replace(/\s+/g," ").trim();return r="grid"===t?(0,q.jsxs)(H,K(K({as:V,locale:e},g),{},{analyticsDetail:v,ariaLabel:b,children:[(0,q.jsxs)(R,{className:"showImageHoverOnHover",children:[(0,q.jsx)(X,K(K({className:"bg",locale:e},d),{},{altText:"",fit:"cover"})),(0,q.jsx)(X,K(K({className:"pImg",locale:e,fit:"cover",imgPosition:"center center"},x),{},{imageLink:null}))]}),(0,q.jsxs)(U,{children:[h&&(0,q.jsx)(G,{children:(0,q.jsx)(Q,{className:"coreTitle",locale:e,richTextData:h})}),!c&&u&&(0,q.jsx)(_,{children:(0,q.jsx)(Q,{locale:e,richTextData:u})}),!p&&i&&(0,q.jsx)(Q,{className:"readMoreLabel",locale:e,richTextData:i})]})]})):(0,q.jsxs)(N,K(K({as:V,locale:e},g),{},{analyticsDetail:v,ariaLabel:b,children:[x&&x.imageFile&&x.imageFile.url&&(0,q.jsxs)(B,{imgWidthCap:w,className:"showImageHoverOnHover",children:[(0,q.jsx)(X,K(K({className:"bg",locale:e},d),{},{altText:"",fit:"cover"})),(0,q.jsx)(X,K(K({className:"pImg",locale:e,fit:"contain",imgPosition:"center center"},x),{},{imageLink:null}))]}),(0,q.jsxs)(I,{children:[m&&(0,q.jsx)(M,{children:m&&(0,q.jsx)(Q,{locale:e,richTextData:m})}),h&&(0,q.jsx)(S,{children:(0,q.jsx)(Q,{className:"coreTitle",locale:e,richTextData:h})}),!c&&f&&(0,q.jsx)(E,{children:(0,q.jsx)(Q,{locale:e,richTextData:f})}),!p&&i&&(0,q.jsx)(Q,{className:"readMoreLabel",locale:e,richTextData:i})]})]})),(0,q.jsx)(C.CS.div,{className:"item",style:s,children:r},y)}),o&&(!f.loadedAll||f.loadedList.length>0)&&(0,q.jsx)(W,{children:(0,q.jsx)("div",{onClick:y,children:"Load More"})})]})};nt.defaultProps={locale:"",mode:"row",readMoreLabel:"",products:[],htmlId:null,listByTag:"",pageLength:10,productFetchConstant:50,backgroundImage:Z.pG,hideDescription:!1,hideButton:!1};let ni=(0,L.memo)(nt,function(n,e){return n.listByTag===e.listByTag});nt.whyDidYouRender=!0},8166:(n,e,t)=>{t.d(e,{ZC:()=>a});var i=t(4232),a=function(n){var e=(0,i.useRef)();return(0,i.useEffect)(function(){e.current=n}),e.current}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.