https://www.learningpeople.com/sitefiles/next-gen/dist/ArticleListing-a4dff68bb4d07df78437.js

1"use strict";(this.webpackChunklearning_people=this.webpackChunklearning_people||[]).push([[6350],{2130:(e,t,n)=>{n.d(t,{Y:()=>a});const a={ARTICLE_LIST:"/umbraco/api/articlesApi/getarticles",BLOG_LIST:"/umbraco/api/blogApi/getblogs",SEARCH_RESULTS_LIST:"/umbraco/api/searchapi/search",SEMINARS_LIST:"/umbraco/api/seminarsapi/getseminars",STUDENT_SUCCESS_LIST:"/umbraco/api/successstoryapi/getstudentsuccessvideos",COURSES_LIST:"/umbraco/api/coursesapi/getcourses",LOG_IN:"/umbraco/api/loginapi/login",NEWSLETTER_SIGNUP:"/umbraco/api/newslettersapi/signup",FORM_RECAPTCHA:"/umbraco/api/forms/validaterecaptcha"}},3688:(e,t,n)=>{n.d(t,{Z:()=>i});var a=n(7416),o=n(7765);const i=(0,a.iv)(["&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar{background-color:",";height:6px;width:6px;}&::-webkit-scrollbar-thumb{background-color:",";border-radius:0;cursor:pointer;}"],o.Z.grey.grey40,o.Z.grey.grey40,o.Z.grey.grey90)},3858:(e,t,n)=>{n.d(t,{K:()=>r});var a=n(7294),o=n(6550),i=n(5755),l=n(3727);function r(e){const t=e.displayName||e.name||"Component",n=t=>a.createElement(i.Fz,{ReactRouterRoute:o.AW},a.createElement(e,{...t}));return n.displayName=`withQueryParams(${t})`,function(e){const t=t=>{if("undefined"==typeof window){if(!t.location)throw new Error('The "location" prop was not provided when the "withRouter" HOC was used. Ensure the Tag Helper is using the "use-router" parameter.');return a.createElement(o.gx,{basename:t.basename,context:t.context,location:t.location},a.createElement(e,{...t}))}return a.createElement(l.VK,{basename:t.basename},a.createElement(e,{...t}))};return t.displayName=`withRouter(${e.displayName||e.name||"Component"})`,t}(n)}},5600:(e,t,n)=>{n.d(t,{h:()=>i});var a=n(7294),o=n(644);function i(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";const[i,l]=a.useState(),[r,s]=a.useState(),[c,d]=a.useState(!1),[p,g]=a.useState(!1),m=(0,o.Z)();return a.useEffect((()=>{!m&&t&&async function(){try{d(!0);const t=await fetch(e,{method:""!==n?"POST":"GET",body:""!==n?n:null,headers:{"content-type":"application/json"}});if(!t.ok)return l(void 0),s(new Error(t.statusText)),void d(!1);const a=await t.json();l(a),s(void 0),d(!1),g(!0)}catch(e){l(void 0),s(e),d(!1)}}()}),[t,e,n]),{data:i,error:r,loading:c,complete:p}}},6844:(e,t,n)=>{n.d(t,{e:()=>b});var a=n(3196),o=n(7765),i=n(4555),l=n(4267),r=n(6805),s=n(3121),c=n(8719),d=n(7416);const p=d.ZP.a.withConfig({displayName:"ArticleCardstyles__Container",componentId:"sc-1gv65ha-0"})(["overflow:hidden;text-decoration:none;display:block;height:100%;max-width:556px;&:focus{outline:none;}&.focus-ring{outline:auto;outline-offset:3px;outline-color:",";}"],o.Z.black),g=d.ZP.div.withConfig({displayName:"ArticleCardstyles__Inner",componentId:"sc-1gv65ha-1"})(["display:flex;flex-direction:column;height:100%;"]),m=d.ZP.div.withConfig({displayName:"ArticleCardstyles__MediaHolder",componentId:"sc-1gv65ha-2"})(["--imageRatio:340 / 250;--svgSize:60px;display:flex;place-items:center;place-content:center;position:relative;overflow:hidden;border-radius:",";aspect-ratio:var(--imageRatio);background-color:var(--cardPlaceholderBgColor);@media ","{--imageRatio:311 / 420;--svgSize:88px;}svg{width:var(--svgSize);"," ",":hover &{transform:scale(1.05);}}","[data-square='true'] &{--imageRatio:1 / 1;@media ","{--imageRatio:1 / 1;}}"],(0,i.qx)(25,50),(0,r.Dp)(r.AS.TabletSmall),(0,a.eR)("transform"),p,p,(0,r.Dp)(r.AS.TabletSmall)),u=d.ZP.img.withConfig({displayName:"ArticleCardstyles__Image",componentId:"sc-1gv65ha-3"})(["aspect-ratio:var(--imageRatio);object-fit:cover;"," ",":hover &{transform:scale(1.05);}","[data-square='true'] &{width:100%;height:100%;}"],(0,a.eR)("transform"),p,p),h=d.ZP.div.withConfig({displayName:"ArticleCardstyles__ContentArea",componentId:"sc-1gv65ha-4"})(["position:relative;flex:1;"]),f=d.ZP.div.withConfig({displayName:"ArticleCardstyles__ContentInner",componentId:"sc-1gv65ha-5"})(["display:flex;flex-direction:column;height:100%;padding:17px 0;color:",";"],o.Z.grey.grey11),v=d.ZP.span.withConfig({displayName:"ArticleCardstyles__Caption",componentId:"sc-1gv65ha-6"})(["display:flex;place-items:center;gap:16px;font-size:13px;line-height:32px;",";margin-bottom:23px;&::before{content:'';width:40px;height:4px;background-color:var(--cardPlaceholderBgColor);}"],l.Z.montserrat.medium),y=d.ZP.h3.withConfig({displayName:"ArticleCardstyles__Title",componentId:"sc-1gv65ha-7"})(["font-size:18px;line-height:24px;",";margin-bottom:11px;"],l.Z.montserrat.medium),x=d.ZP.p.withConfig({displayName:"ArticleCardstyles__Intro",componentId:"sc-1gv65ha-8"})(["",";margin-bottom:13px;

1"],s.oW),b={Caption:v,Container:p,ContentArea:h,ContentInner:f,FakeButton:d.ZP.div.withConfig({displayName:"ArticleCardstyles__FakeButton",componentId:"sc-1gv65ha-9"})(["margin-top:auto;pointer-events:none;",":hover &{","{--textAltColour:",";--hoverColour:",";&::after{background-color:var(--hoverColour);}}","{transform:translateY(-2px);}}"],p,c.A.ButtonInner,o.Z.grey.grey16,o.Z.green.light,c.A.Text),Image:u,Inner:g,Intro:x,MediaHolder:m,Title:y}},8631:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(8534),o=n(4660),i=n(4842),l=n(8907),r=n(7294),s=n(4275),c=n(6844);const d=e=>{var t,n,d;let{tag:p,cta:g,image:m,ratio:u=1.35,summary:h,theme:f=o.Qm.Blue,title:v}=e;const y=m?(0,a.Y)(m,567,278,4,u,m.focalPoint):void 0;return r.createElement(s.tE,{focusRingClass:"focus-ring"},r.createElement(c.e.Container,{href:g.url,target:null!==(t=g.target)&&void 0!==t?t:"_self","data-square":1===u},r.createElement(c.e.Inner,null,r.createElement(c.e.MediaHolder,null,m&&m.src&&y?r.createElement(c.e.Image,{alt:null!==(n=m.altText)&&void 0!==n?n:"",loading:"lazy",role:m.altText?void 0:"presentation",src:y[0].split(" ")[0],srcSet:y.join(",")}):r.createElement(i.Z,null)),r.createElement(c.e.ContentArea,null,r.createElement(c.e.ContentInner,null,p&&r.createElement(c.e.Caption,null,p),r.createElement(c.e.Title,null,v),h&&r.createElement(c.e.Intro,null,h),r.createElement(c.e.FakeButton,null,r.createElement(l.KA,{styleType:"underline",backgroundPlacement:"light",branding:f==o.Qm.White?o.Qm.Black:f,buttonSize:"small",title:null!==(d=g.text)&&void 0!==d?d:"Read More"})))))))}},1632:(e,t,n)=>{n.d(t,{C:()=>r});var a=n(7765),o=n(4267),i=n(3121),l=n(7416);const r={Container:l.ZP.div.withConfig({displayName:"Dropdownstyles__Container",componentId:"sc-5bxxce-0"})(["position:relative;display:inline-flex;place-items:center;place-content:center;gap:24px;padding:0 32px;height:50px;border:2px solid ",";background-color:",";border-radius:100px;svg{position:absolute;top:50%;transform:translateY(-50%);right:32px;width:12px;pointer-events:none;}"],a.Z.grey.grey90,a.Z.white),Label:l.ZP.label.withConfig({displayName:"Dropdownstyles__Label",componentId:"sc-5bxxce-1"})([""," "," flex-shrink:0;margin:0;"],i.An,o.Z.montserrat.medium),Select:l.ZP.select.withConfig({displayName:"Dropdownstyles__Select",componentId:"sc-5bxxce-2"})([""," "," height:100%;margin:0;border:none;outline:none;appearance:none;&.focus-ring,&:focus{outline:auto;outline-offset:3px;outline-color:var(--textColor);}"],i.An,o.Z.montserrat.regular)}},492:(e,t,n)=>{n.d(t,{Z:()=>r});var a=n(99),o=n(7294),i=n(1632),l=n(4275);const r=e=>{let{labelText:t,options:n,value:r,onOptionChange:s}=e;return o.createElement(i.C.Container,null,o.createElement(i.C.Label,{htmlFor:t},t),o.createElement(l.tE,{focusRingClass:"focus-ring"},o.createElement(i.C.Select,{id:t,name:t,value:r,onChange:e=>s(e.target.value)},n.map((e=>o.createElement("option",{key:e.id,value:e.value},e.text))))),(0,a.w)(a.f.ChevronDown))}},6744:(e,t,n)=>{n.d(t,{Z:()=>_});var a=n(99),o=n(8509),i=n(7294);var l=n(492),r=n(3196),s=n(7765),c=n(4555),d=n(4267),p=n(8163),g=n(6805),m=n(3688),u=n(3121),h=n(1229),f=n(7416),v=n(8907),y=n(8719),x=n(1632);const b=f.ZP.button.attrs({type:"button"}).withConfig({displayName:"Filtersstyles__MobileToggleButton",componentId:"sc-spwmhp-0"})(["display:flex;place-items:center;place-content:center;gap:18px;background-color:",";border-radius:15px;height:60px;width:100%;margin:30px auto 20px;font-size:20px;"," appearance:none;outline:none;border:none;@media ","{display:none;}svg{width:8px;}"],s.Z.yellow.light,d.Z.montserrat.medium,(0,g.Dp)(g.AS.TabletLarge)),C=f.ZP.div.withConfig({displayName:"Filtersstyles__Container",componentId:"sc-spwmhp-1"})([""," background-color:",";padding:"," ",";border-radius:",";@media ","{display:flex;flex-direction:column;position:fixed;z-index:10;top:0;left:0;width:100%;height:100vh;height:100dvh;padding-top:60px;padding-bottom:30px;border-radius:unset;transform:translateX(100%);opacity:0;",' &[data-visible-mobile="true"]{transform:translateX(0px);opacity:1;}',"{place-content:space-between;padding:0 16px;margin-bottom:16px;svg{right:16px;}}","{width:100%;}}@media ","{","{display:none;}}"],p.dR,s.Z.yellow.light,(0,c.qx)(24,48),(0,c.qx)(32,64),(0,c.qx)(25,50),(0,g.C4)(g.AS.TabletLarge),(0,r.eR)("transform opacity"),x.C.Container,x.C.Select,(0,g.Dp)(g.AS.TabletLarge),x.C.Container),w=f.ZP.div.withConfig({displayName:"Filtersstyles__Title",componentId:"sc-spwmhp-2"})([""," "," margin-bottom:12px;"],u.Xm,d.Z.montserrat.medium),S=f.ZP.div.withConfig({displayName:"Filtersstyles__FilterList",componentId:"sc-spwmhp-3"})(["display:inline-flex;flex-wrap:wrap;place-items:flex-start;place-content:flex-start;gap:"," ",";@media ","{"," position:relative;flex:1;margin-right:calc(var(--sitePadding) * -1);overflow-y:auto;&::after{content:'';position:sticky;bottom:0;left:0;width:100%;height:50px;background:red;background-color:",";mask-image:linear-gradient(0,"," 0%,"," 100%);pointer-events:none;}}"],(0,c.qx)(12,18),(0,c.qx)(8,10),(0,g.C4)(g.AS.TabletLarge),m.Z,s.Z.yellow.light,(0,h.m4)(s.Z.black,1),(0,h.m4)(s.Z.black,0)),Z=(0,f.ZP)(v.ZP).withConfig({displayName:"Filtersstyles__FilterButton",componentId:"sc-spwmhp-4"})(["--brandColour:",";--textColour:",";--hoverColour:",";--buttonHeight:50px;@media ","{padding:14px 18px;}

1&[data-active='true']{--brandColour:",";--textColour:",";--hoverColour:",";}","{","}","{position:relative;padding-top:0;top:-1px;}&:last-of-type{margin-right:60px;}svg{width:14px;}"],s.Z.yellow.base,s.Z.black,s.Z.yellow.tint,(0,g.C4)(g.AS.TabletLarge),s.Z.grey.grey16,s.Z.white,s.Z.grey.grey16,y.A.Text,d.Z.montserrat.medium,y.A.Icon),T={Container:C,Clear:(0,f.ZP)(v.ZP).withConfig({displayName:"Filtersstyles__Clear",componentId:"sc-spwmhp-5"})(["&&&{--brandColour:",";--hoverColour:",";}position:relative;display:inline-flex;align-items:center;height:50px;","{"," + div{padding:0;}}svg{position:absolute;top:50%;transform:translateY(-50%);right:-24px;width:14px;}"],s.Z.grey.grey16,s.Z.yellow.base,y.A.Text,d.Z.montserrat.medium),Close:f.ZP.div.withConfig({displayName:"Filtersstyles__Close",componentId:"sc-spwmhp-6"})(["position:absolute;top:calc(var(--sitePadding) / 2);right:calc(var(--sitePadding) / 2);@media ","{display:none;}svg{width:28px;height:28px;transform:rotate(45deg);}"],(0,g.Dp)(g.AS.TabletLarge)),Title:w,FilterList:S,FilterButton:Z,MobileToggleButton:b},_=e=>{let{title:t,items:n,activeFilters:r,sortBy:s,onFilterSelect:c,onFilterClear:d,onSortBy:p}=e;const g=i.useRef(null),[m,u]=i.useState(!1);return h=g.current,f=m,i.useLayoutEffect((()=>{if(h)return f?(0,o.Qp)(h,v):(0,o.tG)(h),()=>{(0,o.tG)(h)}}),[f,h]),i.createElement(i.Fragment,null,i.createElement(T.MobileToggleButton,{onClick:()=>u(!m)},t," ",(0,a.w)(a.f.ChevronRight)),i.createElement(T.Container,{ref:g,"data-visible-mobile":m},s&&p&&i.createElement(l.Z,{labelText:s.labelText,options:s.options,value:s.value,onOptionChange:e=>p(e)}),i.createElement(T.Title,null,t),i.createElement(T.FilterList,null,n&&n.map((e=>{const t=r&&r.includes(e.value);return i.createElement(T.FilterButton,{key:e.id,title:e.text,styleType:"pill",buttonSize:"small",addon:(0,a.w)(t?a.f.StyledX:a.f.Plus),addonPosition:"right","data-active":t,onClick:()=>c(e.value)})}))),r&&r.length>0&&i.createElement(T.Clear,{title:"Clear All",styleType:"underline",buttonSize:"small",addon:(0,a.w)(a.f.StyledX),addonPosition:"right",onClick:d}),i.createElement(T.Close,{onClick:()=>u(!1)},(0,a.w)(a.f.Plus))));var h,f,v}},8312:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(6805),o=n(99),i=n(7294),l=n(1358),r=n.n(l),s=n(2194),c=n(3196),d=n(7765),p=n(4555),g=n(4267),m=n(3121),u=n(1229);const h={Wrapper:n(7416).ZP.div.withConfig({displayName:"Paginationstyles__Wrapper",componentId:"sc-1761gr9-0"})(["display:block;user-select:none;margin-top:40px;ul{display:flex;flex-direction:row;flex-wrap:wrap;place-content:center;place-items:center;width:100%;li{display:inline-block;opacity:1;transition:opacity 0.15s ease-out;padding:0 3px;@media ","{padding:0 5px;}a,span{"," ",";display:flex;color:",";background-color:",";font-feature-settings:'tnum' on;margin:0;place-content:center;place-items:center;transition:background-color 0.15s;text-decoration:none;width:",";}a{",";cursor:pointer;position:relative;&::after{",";content:'';position:absolute;bottom:-5px;height:2px;width:8px;background-color:",";opacity:0;}&:focus{outline:none;}&:hover{color:",";&::after{opacity:1;}}@supports selector(:focus-visible){&:focus-visible{color:",";}}@supports not selector(:focus-visible){&:focus{color:",";}}}&.previous,&.next{text-indent:-100vw;&:focus{background-color:",";}a{border:none;background-color:",";color:",";border-radius:400000px;width:50px;height:50px;&::after{content:none;}&:focus,&:hover{background-color:",";}}svg{display:block;height:15px;}}&.previous{padding-right:10px;@media ","{padding-right:25px;}}&.next{padding-left:10px;@media ","{padding-left:25px;}}&.break{a{border:none;width:20px;@media ","{width:30px;}}}&.selected{a{&::after{opacity:1;}&:hover{}@supports selector(:focus-visible){&:focus-visible{background-color:",";color:",";}}@supports not selector(:focus-visible){&:focus{background-color:",";color:",";}}}}&.disabled{cursor:default;opacity:0.5;pointer-events:none;visibility:hidden;}}}"],(0,a.Dp)(a.AS.Tablet),m.Xm,g.Z.montserrat.medium,d.Z.black,(0,u.m4)(d.Z.white,0),(0,p.qx)(30,40),(0,c.eR)("color"),(0,c.eR)("opacity"),d.Z.black,d.Z.green.base,d.Z.green.base,d.Z.green.base,d.Z.black,d.Z.black,d.Z.white,d.Z.green.base,(0,a.Dp)(a.AS.Tablet),(0,a.Dp)(a.AS.Tablet),(0,a.Dp)(a.AS.TabletLarge),d.Z.grey.grey35,d.Z.white,d.Z.grey.grey35,d.Z.white)},f=e=>{let{pageIndex:t,pageSize:n,totalCount:l,onPageChange:c}=e;const d=(0,s.Z)((0,a.C4)(a.AS.Tablet),!1);return i.createElement(h.Wrapper,null,i.createElement(r(),{pageCount:Math.ceil(l/n),pageRangeDisplayed:d?1:3,marginPagesDisplayed:1,previousLabel:(0,o.w)(o.f.ChevronLeft),nextLabel:(0,o.w)(o.f.ChevronRight),forcePage:t-1,hrefBuilder:(e,t)=>e>=1&&e<=t?`?pageIndex=${e}`:"#",hrefAllControls:!0,onPageChange:e=>{let{selected:t}=e;c(t+1)}}))}},7158:(e,t,n)=>{n.d(t,{Z:()=>s});var a=n(4555),o=n(8163),i=n(6805),l=n(7416);const r=l.ZP.section.withConfig({displayName:"SectionWrapperstyles__Container",componentId:"sc-nqogd9-0"})(["--sectionSpacingTop:var(--sectionSpacing);--sectionSpacingBottom:var(--sectionSpacing);position:relative;scroll-margin:calc(var(--headerHeight,0px),var(--contentsNavHeight,0px)) 0 0;&[data-padding-thickness='small']{--sectionSpacing:",";}&[data-padding-thickness='large']{--sectionSpacing:",";}&[data-allow-scroll-margin='true']{overflow:clip;}&[data-flush='top']{--sectionSpacingTop:0;@media ","{--sectionSpacingTop:0;}}&[data-flush='bottom']{--sectionSpacingBottom:0;@media ","{--sectionSpacingBottom:0;}}

1&[data-padding-thickness='none'],&[data-flush='both']{--sectionSpacingTop:0;--sectionSpacingBottom:0;@media ","{--sectionSpacingTop:0;--sectionSpacingBottom:0;}}&[data-overlap-bottom='true']{margin-bottom:calc(var(--sectionSpacingBottom) * -1);}"],(0,a.qx)(21,42),(0,a.qx)(36,72),(0,i.Dp)(i.AS.Tablet),(0,i.Dp)(i.AS.Tablet),(0,i.Dp)(i.AS.Tablet)),s={Container:r,Inner:l.ZP.div.withConfig({displayName:"SectionWrapperstyles__Inner",componentId:"sc-nqogd9-1"})(["color:var(--fgColor);padding-top:var(--sectionSpacingTop);padding-bottom:var(--sectionSpacingBottom);"," &{background:var(--bgColor);}"],r),SiteWide:l.ZP.div.withConfig({displayName:"SectionWrapperstyles__SiteWide",componentId:"sc-nqogd9-2"})(["",""],o.dR)}},4649:(e,t,n)=>{n.d(t,{Z:()=>r});var a=n(7294);const o=a.createContext({});var i=n(7158);const l=a.forwardRef(((e,t)=>{const{children:n,layout:l="default",flush:r="none",...s}=e,c=a.useContext(o);return a.createElement(i.Z.Container,{ref:t,id:c.id,"data-allow-scroll-margin":!!c.id,"data-flush":r,"data-padding-thickness":e.paddingThickness?e.paddingThickness:"large",...s},a.createElement(i.Z.Inner,null,"fullWidth"===l?n:a.createElement(i.Z.SiteWide,null,n)))}));l.displayName="SectionWrapper";const r=l},3588:(e,t,n)=>{n.r(t),n.d(t,{default:()=>A});var a=n(2130),o=n(3858),i=n(5600),l=n(8631),r=n(492),s=n(6744),c=n(8312),d=n(7563),p=n(7294),g=n(5755),m=n(7765),u=n(4555),h=n(4267),f=n(8163),v=n(6805),y=n(3121),x=n(1632),b=n(4649),C=n(7416);const w=(0,C.ZP)(b.Z).withConfig({displayName:"ArticleListingstyles__Container",componentId:"sc-ystagv-0"})(["overflow:clip;--cardPlaceholderBgColor:",";"],m.Z.blue.base),S=C.ZP.div.withConfig({displayName:"ArticleListingstyles__Listing",componentId:"sc-ystagv-1"})(["",";grid-template-columns:1fr;row-gap:",";@media ","{grid-template-columns:repeat(2,1fr);}@media ","{grid-template-columns:repeat(4,1fr);}"],f.TF,(0,u.qx)(40,72),(0,v.Dp)(v.AS.TabletSmall),(0,v.Dp)(v.AS.TabletLarge)),Z=C.ZP.div.withConfig({displayName:"ArticleListingstyles__ListingTotals",componentId:"sc-ystagv-2"})(["flex-shrink:0;"]),T=C.ZP.p.withConfig({displayName:"ArticleListingstyles__ListingTotalsText",componentId:"sc-ystagv-3"})(["",";",";margin-bottom:0;text-align:center;@media ","{text-align:initial;}"],y.An,h.Z.montserrat.medium,(0,v.Dp)(v.AS.TabletSmall)),_=C.ZP.div.withConfig({displayName:"ArticleListingstyles__PaginationContainer",componentId:"sc-ystagv-4"})(["@media ","{padding:0;margin:30px 0;}> div{margin:0;}ul{place-content:flex-end;}"],(0,v.C4)(v.AS.TabletSmall)),I=C.ZP.div.withConfig({displayName:"ArticleListingstyles__Top",componentId:"sc-ystagv-5"})(["display:flex;flex-direction:row;place-items:center;place-content:space-between;padding-top:",";padding-bottom:",";@media ","{text-align:center;","{display:none;}}","{width:236px;}"],(0,u.qx)(30,60),(0,u.qx)(30,60),(0,v.C4)(v.AS.TabletLarge),x.C.Container,x.C.Select),E={Bottom:C.ZP.div.withConfig({displayName:"ArticleListingstyles__Bottom",componentId:"sc-ystagv-6"})(["display:flex;flex-direction:column;padding-top:",";padding-bottom:",";@media ","{flex-direction:row-reverse;place-items:center;place-content:space-between;margin-bottom:0;}"],(0,u.qx)(0,80),(0,u.qx)(30,60),(0,v.Dp)(v.AS.TabletSmall)),Container:w,Listing:S,ListingTotals:Z,ListingTotalsText:T,PaginationContainer:_,Top:I},A=(0,o.K)((e=>{var t,n,o,m,u,h,f,v,y,x,b;let{anchorId:C,pageContext:w,initialData:S,filter:Z,sortBy:T,translations:_}=e;const I=p.useRef(null),[A,k]=p.useState(null!==(t=S.filter)&&void 0!==t?t:null),[P,L]=(0,g.Kx)({pageIndex:(0,g.Wc)(g.yz,1),filter:(0,g.Wc)(g.V3,null!==(n=S.filter)&&void 0!==n?n:[]),sortBy:(0,g.Wc)(g.Zp,null!==(o=S.sortBy)&&void 0!==o?o:T.options[0].value)}),N=P.pageIndex,B=P.filter,R=P.sortBy,F=d.stringify({docId:null==w?void 0:w.documentId,filter:B,pageIndex:N,pageSize:12,sortBy:R}),D=`${a.Y.ARTICLE_LIST}?${F}`,{data:q}=(0,i.h)(D),W=null!==(m=null==q?void 0:q.items)&&void 0!==m?m:S.items,z=null!==(u=null==q?void 0:q.totalItems)&&void 0!==u?u:S.totalItems,H=W.length<1?0:12*N-11,M=12*N-11+(W.length-1);return p.useEffect((()=>{L(A?{filter:A}:{filter:[]})}),[A]),p.createElement(E.Container,{id:C},p.createElement("div",{className:"hide-no-js"},p.createElement(s.Z,{...Z,activeFilters:A,sortBy:{labelText:T.label,options:T.options,value:R},onSortBy:e=>L({sortBy:e,pageIndex:1}),onFilterSelect:e=>{let t=A;t&&A?(t=t.includes(e)?A.filter((t=>t!==e)):[...A,e],S.filter=[],k(t)):k([e])},onFilterClear:()=>{S.filter=[],k(null)}})),p.createElement(E.Top,{ref:I},p.createElement(E.ListingTotals,null,p.createElement(E.ListingTotalsText,null,null!==(h=_["translations.ArticleListing.showing"])&&void 0!==h?h:"Showing"," ",H," -"," ",M," ",null!==(f=_["translations.ArticleListing.of"])&&void 0!==f?f:"of"," ",z," ",null!==(v=_["translations.ArticleListing.results"])&&void 0!==v?v:"Courses")),p.createElement(r.Z,{labelText:T.label,options:T.options,value:R,onOptionChange:e=>L({sortBy:e,pageIndex:1})})),p.createElement(E.Listing,null,W&&W.map((e=>p.createElement(l.Z,{key:`item-${e.id}`,...e})))),p.createElement(E.Bottom,null,p.createElement(E.PaginationContainer,null,W.length<z&&p.createElement(c.Z,{pageIndex:N,pageSize:12,onPageChange:e=>{var t;L({pageIndex:e}),null===(t=I.current)||void 0===t||t.scrollIntoView()},totalCount:z})),p.createElement(E.ListingTotals,null,p.createElement(E.ListingTotalsText,null,null!==(y=_["translations.ArticleListing.showing"])&&void 0!==y?y:"Showing"," ",H," -"," ",M," ",null!==(x=_["translations.ArticleListing.of"])&&void 0!==x?x:"of"," ",z," ",null!==(b=_["translations.ArticleListing.results"])&&void 0!==b?b:"Courses"))))}))}}]);
2//# sourceMappingURL=ArticleListing-a4dff68bb4d07df78437.js.map