https://www.stjernen.no/assets/ArticlesArchive-Duo1zD2L.js

1import{P as he,Q as Ne,b as ne,T as Oe,U as ue,V as ze,j as R,W as fe,X as De,z as Z,D as c,G as O,H as G,B as E,C as i,F as h,E as r,J as b,Y as Le,N as C,Z as I,$,a0 as de,a1 as Ce,f as Be,a2 as Ke,h as me,o as Ge,w as ae,a3 as Ye,a4 as He,r as K,t as J,a5 as qe,a6 as $e,n as je,a7 as be,a8 as Se,a9 as Te,aa as j,ab as Qe,ac as We,ad as Je,ae as Xe,g as Ze,af as et,I as X,ag as tt,K as le,ah as ce}from"./index-BO6Ka_k5.js";import{S as Re,i as Ae}from"./SdpDropdown-B3UybKb-.js";import{S as at}from"./SdpPagination-D3dpxs57.js";import{N as ke}from"./notification-Cuu0cA-u.js";import{u as ot}from"./notification-KYUNnAO0.js";import{u as st}from"./article-sE8T41-g.js";import{u as nt}from"./useScrollFloor-BDQe4Xl6.js";import{p as oe,t as we,m as rt,f as Fe,A as se,a as xe,i as it,g as lt,u as ct}from"./archive-filter-date.helpers-OGxhhoOP.js";import{u as Me}from"./useListAdSlots-C7nMdGEr.js";import{g as Pe}from"./list-item-key.helpers-DLOog-cV.js";import{A as dt}from"./ArticleListItem-zsII-Io3.js";import{A as mt}from"./ArticleThumbnail-BMZ23YB3.js";import ht from"./index-U3FaD8rQ.js";import"./article.api-XzYG51Ba.js";import"./embedded-media-BwI8LB1x.js";import"./useArticleLink-CPHqMmDl.js";const ut={name:"ArticleList",components:{ArticleListItem:dt,SyHeading:Ne,DynamicAd:he},inheritAttrs:!1,props:{items:{type:Array,default:()=>[]},pageOffset:{type:Number,default:0}},setup(t){const{t:o}=ne(),{items:d}=Oe(t),e=ue({mobile:980}).smaller("mobile"),_=Me(fe.ARTICLE_ARCHIVE_LIST),f=R(()=>De(d.value,"customFormatDate")),l=R(()=>{let s=0;return Object.entries(f.value).map(([n,u])=>{const v=u||[],k={key:n,items:v,startIndex:s};return s+=v.length,k})});return{archiveListSlot:_,getStableListItemKey:Pe,articleGroupsWithStartIndex:l,getSingleView:ze,isMobile:e,translate:s=>{if(!s)return"";const[n,u]=s.split(" ");return`${o(`site.month.${n==null?void 0:n.toLocaleLowerCase()}`)} ${u}`}}}},ft={class:"w-4/5"},pt={class:"grid-container"},vt={key:0,class:"py-4 flex justify-start"};function gt(t,o,d,e,_,f){const l=E("sy-heading"),p=E("article-list-item"),s=E("dynamic-ad");return i(),c("ul",ft,[(i(!0),c(O,null,G(e.articleGroupsWithStartIndex,n=>(i(),c("div",{key:n.key,class:"pt-10"},[h(l,{secondary:"","heading-label":e.translate(n.key),uppercase:""},null,8,["heading-label"]),r("div",pt,[(i(!0),c(O,null,G(n.items,(u,v)=>{var k,M;return i(),c(O,{key:e.getStableListItemKey("article",u,v,[n.key])},[r("div",null,[h(p,{item:u,"show-ingress":!0,class:"py-5 fadeIn"},null,8,["item"])]),e.archiveListSlot.isEnabled&&e.archiveListSlot.shouldShowAdAt(d.pageOffset+n.startIndex+v,e.isMobile)?(i(),c("div",vt,[h(s,{"desktop-placement-key":((k=e.archiveListSlot.config)==null?void 0:k.desktopPlacementKey)??null,"mobile-placement-key":((M=e.archiveListSlot.config)==null?void 0:M.mobilePlacementKey)??null},null,8,["desktop-placement-key","mobile-placement-key"])])):b("",!0)],64)}),128))])]))),128))])}const yt=Z(ut,[["render",gt]]),_t={name:"ArticleGrid",components:{ArticleThumbnail:mt,DynamicAd:he},inheritAttrs:!1,props:{items:{type:Array,default:()=>[]},pageOffset:{type:Number,default:0}},setup(t){const{t:o}=ne(),{items:d}=Oe(t),e=ue({mobile:980}).smaller("mobile"),_=Me(fe.ARTICLE_ARCHIVE_LIST),f=R(()=>De(d.value,"customFormatDate")),l=R(()=>{let s=0;return Object.entries(f.value).map(([n,u])=>{const v={key:n,items:u,startIndex:s};return s+=u.length,v})});return{archiveListSlot:_,getStableListItemKey:Pe,articleGroupsWithStartIndex:l,isMobile:e,translate:s=>{if(!s)return"";const[n,u]=s.split(" ");return`${o(`site.month.${n==null?void 0:n.toLocaleLowerCase()}`)} ${u}`}}}},bt={class:"title-group"},St={class:"article-grid"},Tt={class:"zoomIn"},At={key:0,class:"col-span-full w-full py-4"};function kt(t,o,d,e,_,f){const l=E("article-thumbnail"),p=E("dynamic-ad");return i(),c("ul",Le({class:"article-grid-container"},t.$attrs),[(i(!0),c(O,null,G(e.articleGroupsWithStartIndex,s=>(i(),c("div",{key:s.key,class:"pt-10 @md:mx-3 @lg:mx-0"},[r("span",bt,C(e.translate(s.key)),1),r("div",St,[(i(!0),c(O,null,G(s.items,(n,u)=>{var v,k;return i(),c(O,{key:e.getStableListItemKey("article",n,u,[s.key])},[r("div",Tt,[h(l,{article:n},null,8,["article"])]),e.archiveListSlot.isEnabled&&e.archiveListSlot.shouldShowAdAt(d.pageOffset+s.startIndex+u,e.isMobile)?(i(),c("div",At,[h(p,{"desktop-placement-key":((v=e.archiveListSlot.config)==null?void 0:v.desktopPlacementKey)??null,"mobile-placement-key":((k=e.archiveListSlot.config)==null?void 0:k.mobilePlacementKey)??null},null,8,["desktop-placement-key","mobile-placement-key"])])):b("",!0)],64)}),128))])]))),128))],16)}const wt=Z(_t,[["render",kt]]),Ue=/^[a-zA-Z0-9_-]+$/,Ft=9,Ve=()=>de.now().year,xt=()=>Ve()-Ft,Et=[I.DATE_FROM,I.DATE_TO,I.TEAM,I.SORT,I.PAGE],It=t=>{if(!t)return 1;const o=Number.parseInt(t,10);return!Number.isSafeInteger(o)||o<1?1:o},Ot=t=>t==="asc"?"asc":"desc",Dt=t=>{if(!(!t||!Ue.test(t)))return t},Lt=t=>{const o=$(t[I.DATE_FROM]),d=$(t[I.DATE_TO]),e=oe(o),_=oe(d),f=n=>!!n&&n.year>=xt()&&n.year<=Ve(),l=f(e)&&f(_)&&e.toMillis()<=_.toMillis(),p=l?we(e):void 0,s=l?we(_):void 0;return{from:p,to:s,team:Dt($(t[I.TEAM])),sort:Ot($(t[I.SORT])),page:

1It($(t[I.PAGE]))}},Ct=t=>({[I.DATE_FROM]:t.from,[I.DATE_TO]:t.to,[I.TEAM]:t.team,[I.SORT]:t.sort==="desc"?void 0:t.sort,[I.PAGE]:t.page<=1?void 0:String(t.page)}),Rt=(t,o,d)=>!!t&&d&&!o.some(e=>String(e.value)===t),Mt=t=>!!(t.from||t.to||t.team)||t.sort!=="desc",Pt=t=>{const[o,d]=rt(t.from,t.to);return{selectedFrom:{name:o},selectedTo:{name:d},selectedTeam:t.team?{name:t.team,value:t.team}:{name:""},selectedTag:{name:""},search:"",articleOrderBy:t.sort}},Ut=t=>{var w;const{monthFrom:o,yearFrom:d,monthTo:e,yearTo:_}=t,f=[...se],l=(o==null?void 0:o.value)!=null?String(o.value):void 0,p=(e==null?void 0:e.value)!=null?String(e.value):void 0,s=l&&l!=="*"?f.indexOf(l):-1,n=p&&p!=="*"?f.indexOf(p):-1,u=s>=0&&(d==null?void 0:d.name)&&d.value!=="*",v=n>=0&&(_==null?void 0:_.name)&&_.value!=="*";let k,M;u&&v&&(k=Fe(d.name,s),M=Fe(_.name,n));const N=(w=t.selectedTeam)==null?void 0:w.value,x=N&&N!=="*"&&Ue.test(String(N))?String(N):void 0;return{from:k,to:M,team:x,page:1}},Vt=(t,o="")=>{const d=oe(t.from),e=oe(t.to);return{team:t.team||o||void 0,monthFrom:d?se[d.month-1]:void 0,yearFrom:d?String(d.year):void 0,monthTo:e?se[e.month-1]:void 0,yearTo:e?String(e.year):void 0}};var Ie;const A=((Ie=Ye(9))==null?void 0:Ie.map(t=>({name:`${t}`})))||[{name:"2021"},{name:"2020"},{name:"2019"},{name:"2018"}],Ee=[...se],Nt={name:"ArticleFilter",components:{SdpStreamlineIcon:Ce,SdpDropDown:Re},props:{isMobile:{type:Boolean},selected:{type:Object,required:!1,default:()=>({})}},emits:["reset","state-change","unknown-team"],setup(t,{emit:o}){const d=Be(),{t:e}=ne(),_=qe(),f=R(()=>d.checkIfIsLeagueSite),l=(A==null?void 0:A.length)>0?A[0].name:de.now().year,p=K(""),s=K(null),n=K(null),u=K(!1),v=K(!1);let k;const M=()=>{v.value=!0,clearTimeout(k),k=setTimeout(()=>{v.value=!1},3e3)},N=()=>{Y.value=!1};Ke(()=>{clearTimeout(k),window.removeEventListener("resize",N)});const x=Ee.map(a=>({name:e(`site.month.${a}`),value:a})),w=K([]),z=R(()=>f.value?{monthFrom:x,yearFrom:A,monthTo:x,yearTo:A,selectedTeam:w.value}:{monthFrom:x,yearFrom:A,monthTo:x,yearTo:A}),D=()=>{const a=Ee[de.now().month-1];return{name:e(`site.month.${a}`),value:a}},P=R(()=>f.value?{monthFrom:D(),yearFrom:{name:`${+l-1}`},monthTo:D(),yearTo:{name:`${l}`},selectedTeam:{name:e("search.filter.placeholder.selectedTeam"),value:"*"}}:{monthFrom:D(),yearFrom:{name:`${+l-1}`},monthTo:D(),yearTo:{name:`${l}`}}),U=me({...z.value}),g=me({...P.value}),Y=K(!1),F={...P.value};let Q=!1;const re=(a,m,T)=>{var L,V;if(((L=m==null?void 0:m.split("."))==null?void 0:L.length)>1)return a;const S={name:m,value:"*"};return(V=g[T])!=null&&V.name||(g[T]=S),[S,...a]},ee=a=>lt(a,x),H=a=>{const[m,T]=ee(a);if(m===""||T==="")return!0;const S=xe(m),L=xe(T);return!S||!L?!0:it(S,L)},W=()=>{const[a,m]=ee(g);return{...g,selectedFrom:{name:a},selectedTo:{name:m}}},te=()=>{J(p.value)||_.push({path:"/search",query:{q:p.value,types:"article"}})},ie=(a,m)=>{if(Q)return;const T={...g,[m]:a};if(!H(T)){M();return}v.value=!1,m==="yearTo"?U.yearFrom=a.value==="*"?A:A.filter(S=>+S.name<=+a.name):m==="yearFrom"&&(U.yearTo=a.value==="*"?A:A.filter(S=>+S.name>=+a.name)),g[m]=a,o("state-change",{...W()})},pe=a=>{g.selectedTeam=a},ve=a=>{var m,T;p.value="",a?(m=s.value)==null||m.focus():(T=n.value)==null||T.focus()},ge=()=>{Ae(g,F)||(Object.keys(g).forEach(a=>{g[a]=F[a]}),v.value=!1,U.yearFrom=A,U.yearTo=A,o("reset",{...W()}))},ye=()=>{Y.value=!Y.value},_e=a=>{Q=!0;const m=!!(a!=null&&a.monthFrom&&(a!=null&&a.yearFrom)&&(a!=null&&a.monthTo)&&(a!=null&&a.yearTo));if(!m&&!J(F))g.monthFrom=F.monthFrom,g.yearFrom=F.yearFrom,g.monthTo=F.monthTo,g.yearTo=F.yearTo,U.yearFrom=A,U.yearTo=A;else if(m&&a){const T=x.find(B=>B.value===a.monthFrom),S=A.find(B=>B.name===a.yearFrom),L=x.find(B=>B.value===a.monthTo),V=A.find(B=>B.name===a.yearTo);T&&(g.monthFrom=T),S&&(g.yearFrom=S,U.yearTo=A.filter(B=>+B.name>=+S.name)),L&&(g.monthTo=L),V&&(g.yearTo=V,U.yearFrom=A.filter(B=>+B.name<=+V.name))}if(a!=null&&a.team&&w.value.length){const T=w.value.find(S=>S.value===a.team);T&&(g.selectedTeam=T)}else!(a!=null&&a.team)&&!J(F)&&"selectedTeam"in F&&(g.selectedTeam=F.selectedTeam);je(()=>{Q=!1})};Ge(()=>{window.addEventListener("resize",N)}),ae(f,async()=>{var L;if(!f.value)return;let a=!1;try{const V=await $e().getTeamsInSameNetwork();w.value=V??[],a=!0}catch(V){console.warn(V),w.value=[]}U.selectedTeam=w.value;const m=(L=t.selected)==null?void 0:L.team,T=$(_.currentRoute.value.query[I.TEAM]),S=m?w.value.find(V=>String(V.value)===m):void 0;S?g.selectedTeam=S:Rt(T,w.value,a)?o("unknown-team",T):!m&&!J(F)&&"selectedTeam"in F&&(g.selectedTeam=F.selectedTeam)},{immediate:!0}),ae(()=>JSON.stringify(t.selected??{}),()=>{_e(t.selected)},{immediate:!0}),ae(g,a=>{const m={};Object.assign(m,a),delete m.selectedFrom,delete m.selectedTo,u.value=J(F)?!1:!Ae(m,F)});const q=He("headerOffset",0);return{isFilterActive:u,dateRangeError:v,isLeagueSite:f,insertDefault:re,search:te,textSearch:p,listOfYears:A,selectTeam:pe,teams:w,state:g,itemsList:U,selectedFilter:ie,clearSearch:ve,resetFilter:ge,dropDownMonth:x,isShowFilter:Y,showFilter:ye,searchInputDesktop:n,searchInputMobile:s,headerOffset:q}}},zt=["aria-label"],Bt={class:"filter-mobile"},Kt=["aria-expanded"],Gt={class:"inline-flex mr-2"},Yt={class:"search-btn-container flex-auto"},Ht={class:"relative"}

1,qt=["placeholder","aria-label"],$t=["aria-label","title"],jt=["disabled","aria-label","title"],Qt={class:"filter-container flex-wrap hidden sm:flex lg:flex md:flex"},Wt={class:"flex items-center flex-wrap"},Jt={class:"text-xs text-grey-xDark pt-1"},Xt={key:0,class:"relative italic label-to"},Zt={key:1,class:"vertical-line"},ea={key:0,class:"vertical-line ml-"},ta=["disabled"],aa={class:j("label inline-flex")},oa={class:""},sa={class:"search-btn-container flex-auto"},na={class:"relative"},ra=["placeholder","aria-label"],ia=["aria-label","title"],la=["disabled","aria-label","title"],ca={key:0,id:"mobileFilterContainer",class:"mobile flex md:hidden lg:hidden flex-wrap mx-4"},da={class:"flex items-center flex-wrap"},ma={class:"tex-xs text-grey-xDark pt-1"},ha={key:0,class:"relative italic label-to"},ua={key:1,class:"vertical-line"},fa=["disabled"],pa={class:j("label inline-flex")},va={class:"xs:hidden sm:hidden md:inline lg:inline"},ga={key:1,class:"date-range-error",role:"alert","aria-live":"polite"};function ya(t,o,d,e,_,f){const l=E("sdp-streamline-icon"),p=E("sdp-drop-down");return i(),c("div",Le({class:"article-filter-container flex-wrap px-0 mb-4 md:mb-0 lg:px-0",style:e.headerOffset>0?{marginTop:e.headerOffset+"px"}:{}},t.$attrs,{role:"region","aria-label":t.$t("search.filters")}),[r("div",Bt,[r("button",{type:"button",class:"flex items-center mr-2 lg:hidden text-secondary-base","aria-expanded":e.isShowFilter,"aria-controls":"mobileFilterContainer",onClick:o[0]||(o[0]=(...s)=>e.showFilter&&e.showFilter(...s))},[r("span",Gt,C(t.$t("search.filters")),1),h(l,{icon:"settingsSlider",size:15})],8,Kt),r("div",Yt,[r("div",Ht,[be(r("input",{id:"searchInputMobile",ref:"searchInputMobile","onUpdate:modelValue":o[1]||(o[1]=s=>e.textSearch=s),placeholder:t.$t("search.placeholder"),"aria-label":t.$t("search.placeholder"),type:"search",class:"search-input float-right",onKeyup:o[2]||(o[2]=Te((...s)=>e.search&&e.search(...s),["enter"]))},null,40,qt),[[Se,e.textSearch]]),e.textSearch.length>0?(i(),c("button",{key:0,type:"button",class:"absolute right-7 mr-4 pt-1 text-grey-xDark","aria-label":t.$t("search.clear"),title:t.$t("search.clear"),onClick:o[3]||(o[3]=s=>e.clearSearch(!0))},[h(l,{icon:"closeIcon",size:15})],8,$t)):b("",!0),r("button",{type:"button",disabled:e.textSearch.length<=0,class:"absolute right-0 mr-4 pt-1 text-secondary-base","aria-label":t.$t("search.placeholder"),title:t.$t("search.placeholder"),onClick:o[4]||(o[4]=(...s)=>e.search&&e.search(...s))},[h(l,{icon:"magnifyingGlass",size:15})],8,jt)])])]),r("div",Qt,[r("div",Wt,[r("span",Jt,C(t.$t("article.from"))+":",1),(i(!0),c(O,null,G(e.itemsList,(s,n)=>(i(),c(O,{key:n},[h(p,{options:e.insertDefault(s,t.$t(`search.filter.placeholder.${n}`),n),selected:e.state[n],onUpdateOption:u=>e.selectedFilter(u,n)},null,8,["options","selected","onUpdateOption"]),n==="yearFrom"?(i(),c("span",Xt,C(t.$t("article.to")),1)):b("",!0),n==="yearTo"?(i(),c("div",Zt)):b("",!0)],64))),128)),e.isLeagueSite?(i(),c("div",ea)):b("",!0),r("button",{type:"button",class:j(["reset-filter-button",{"text-grey-base":!e.isFilterActive,"text-primary-base":e.isFilterActive}]),disabled:!e.isFilterActive,onClick:o[5]||(o[5]=s=>e.resetFilter())},[r("span",aa,[r("span",oa,C(t.$t("search.reset_filter")),1),h(l,{icon:"refresh",size:30,class:"ml-3 mt-0.5"})])],10,ta)]),r("div",sa,[r("div",na,[be(r("input",{id:"searchInputDesktop",ref:"searchInputDesktop","onUpdate:modelValue":o[6]||(o[6]=s=>e.textSearch=s),placeholder:t.$t("search.placeholder"),"aria-label":t.$t("search.placeholder"),type:"search",class:"search-input float-right",onKeyup:o[7]||(o[7]=Te((...s)=>e.search&&e.search(...s),["enter"]))},null,40,ra),[[Se,e.textSearch]]),e.textSearch.length>0?(i(),c("button",{key:0,type:"button",class:"absolute right-7 mr-4 pt-1 text-grey-xDark","aria-label":t.$t("search.clear"),title:t.$t("search.clear"),onClick:o[8]||(o[8]=s=>e.clearSearch(!1))},[h(l,{icon:"closeIcon",size:15})],8,ia)):b("",!0),r("button",{type:"button",disabled:e.textSearch.length<=0,class:"absolute right-0 mr-4 pt-1 text-secondary-base","aria-label":t.$t("search.placeholder"),title:t.$t("search.placeholder"),onClick:o[9]||(o[9]=(...s)=>e.search&&e.search(...s))},[h(l,{icon:"magnifyingGlass",size:15})],8,la)])])]),e.isShowFilter?(i(),c("div",ca,[r("div",da,[r("span",ma,C(t.$t("article.from"))+":",1),(i(!0),c(O,null,G(e.itemsList,(s,n)=>(i(),c(O,{key:n},[h(p,{options:e.insertDefault(s,t.$t(`search.filter.placeholder.${n}`),n),selected:e.state[n],onUpdateOption:u=>e.selectedFilter(u,n)},null,8,["options","selected","onUpdateOption"]),n==="yearFrom"?(i(),c("span",ha,C(t.$t("article.to")),1

1)):b("",!0),n==="yearTo"?(i(),c("div",ua)):b("",!0)],64))),128)),o[11]||(o[11]=r("div",{class:"vertical-line ml-"},null,-1)),r("button",{type:"button",class:j(["reset-filter-button",{"text-grey-base":!e.isFilterActive,"text-primary-base":e.isFilterActive}]),disabled:!e.isFilterActive,onClick:o[10]||(o[10]=s=>e.resetFilter())},[r("span",pa,[r("span",va,C(t.$t("search.reset_filter")),1),h(l,{icon:"refresh",size:30,class:"ml-3 mt-0.5"})])],10,fa)])])):b("",!0),e.dateRangeError?(i(),c("p",ga,C(t.$t("search.invalid_date_range")),1)):b("",!0)],16,zt)}const _a=Z(Nt,[["render",ya],["__scopeId","data-v-3935881e"]]),ba=Qe({components:{SdpSkeletonLoader:ht},props:{activeDisplay:{type:String,default:""}}}),Sa={class:"loader-containter"},Ta={key:0},Aa={class:"my-5 md:w-1/3 lg:w-1/3"},ka={class:"grid lg:grid-cols-4 lg:gap-4 lg:pr-10 sm:grid-cols-1"},wa={key:1,class:"w-4/5"},Fa={class:"grid-container"},xa={class:"flex flex-wrap py-5"},Ea={class:"w-2/4 ml-5 relative"};function Ia(t,o,d,e,_,f){const l=E("sdp-skeleton-loader");return i(),c("div",Sa,[t.activeDisplay==="grid"?(i(),c("div",Ta,[(i(),c(O,null,G(3,p=>r("div",{key:p},[r("div",Aa,[h(l,{type:"square",width:100,height:25,rounded:!1,animation:"wave"})]),r("div",ka,[(i(),c(O,null,G(4,s=>r("div",{key:s},[h(l,{type:"square",width:"auto",height:250,rounded:!1,animation:"wave"}),h(l,{type:"square",width:"auto",height:40,rounded:!1,animation:"wave",class:"mt-3"}),h(l,{type:"square",width:"60%",height:40,rounded:!1,animation:"wave",class:"my-2"})])),64))])])),64))])):b("",!0),t.activeDisplay==="list"?(i(),c("div",wa,[(i(),c(O,null,G(2,p=>r("div",{key:p},[h(l,{type:"square",width:"10%",height:25,rounded:!1,animation:"wave",class:"mb-2"}),r("div",Fa,[(i(),c(O,null,G(3,s=>r("div",{key:s},[r("div",xa,[r("div",null,[h(l,{type:"square",width:200,height:150,rounded:!1,animation:"wave"})]),r("div",Ea,[h(l,{type:"square",width:"80%",height:15,rounded:!1,animation:"wave"}),h(l,{type:"square",width:"40%",height:15,rounded:!1,animation:"wave",class:"mt-3"}),h(l,{type:"square",width:"30%",height:15,rounded:!1,animation:"wave",class:"mt-3"})])])])),64))])])),64))])):b("",!0)])}const Oa=Z(ba,[["render",Ia],["__scopeId","data-v-ec07b65c"]]),Da=["latest","oldest"],La=300,Ca="article-filter-selection",Ra={name:"ArticlesArchive",components:{ArticleList:yt,ArticleGrid:wt,ArticleFilter:_a,SdpStreamlineIcon:Ce,SdpDropDown:Re,SdpPagination:at,ArticleLoader:Oa,DynamicAd:he},props:{showOnlyFromClub:{type:String,default:"",required:!1}},setup(t){const o=We(fe.ARTICLE_ARCHIVE_TOP),d=Ze(),{t:e}=ne(),_=ot(),f=st(),l=me({isLoading:!0,items:[],isError:!1}),{floorStyle:p,isRestoringScroll:s,release:n}=nt(),u=K("list"),v=K([]),k=K(!1);let M=0;typeof window<"u"&&Je(Ca),v.value=Da.map((y,q)=>({name:e(`search.order_by.${y}`),value:q}));const x=ue({mobile:801}).smallerOrEqual("mobile");ae(x,y=>{y&&(u.value="grid")},{immediate:!0});const w=async(y,q)=>{const a=++M;typeof window<"u"&&!s.value&&!q.isRestoring&&q.reason!=="init"&&window.scrollTo({top:0});const m=Pt(y),T=Mt(y);try{if(await f.fetchAllArticles({payload:m,currentPage:y.page,isSearch:T}),a!==M)return;l.isError=!1,k.value=!0,n();const S=f.articlesPages||1,L=Math.max(1,Math.min(y.page,S));L!==y.page&&D({page:L},"replace")}catch(S){if(a!==M)return;l.isError=!0,k.value=!0,n(),_.pushNotification(ke.MESSAGE.FAILED_FETCH_DATA,ke.STATUS.ERROR),console.error(S)}},{state:z,commit:D}=Xe({keys:Et,parse:Lt,serialize:Ct,onChange:w}),P=R(()=>z.value.page);ct(P);const U=R(()=>f.articles??[]),g=R(()=>f.isLoading),Y=R(()=>f.articlesPages),F=R(()=>(P.value-1)*f.pagination.pagesize),Q=R(()=>{const y=z.value.sort==="asc"?1:0;return v.value[y]??v.value[0]}),re=R(()=>Vt(z.value,t.showOnlyFromClub)),ee=y=>{g.value||(u.value=y)};let H=null;const W=()=>d.fullPath;let te=W();const ie=et(()=>{const y=H;H=null,!(!y||d.fullPath!==te)&&D(Ut(y),"push")},La);return{onFilterReset:()=>{H=null,D({from:void 0,to:void 0,team:void 0,sort:"desc",page:1},"push")},onFilterChange:y=>{H=y,te=W(),ie()},onUnknownTeam:y=>{z.value.team===y&&D({team:void 0,page:1},"replace")},onChangeSelectedArticleOrderOptions:y=>{D({sort:(y==null?void 0:y.value)===0?"desc":"asc",page:1},"push")},onPageChange:y=>{D({page:y},"push")},state:l,activeDisplay:u,selectedArticleOrderOptions:Q,currentPage:P,chooseAction:ee,isMobile:x,orderByList:v,presetFilters:re,articles:U,isLoading:g,articlesPages:Y,pageOffset:F,hasLoadedOnce:k,floorStyle:p,articleArchiveTopSlot:o}}},Ma={class:"w-full mx-auto py-10 container px-3 lg:px-5 md:px-5"},Pa={class:"flex items-center w-1/4"},Ua={key:0,class:"pt-5"},Va={key:0,class:"pt-5"},Na={key:1,class:"mt-20 w-full footerActive"},za={class:"mx-auto text-center"},Ba={key:0,class:"m-auto w-2/4"},Ka={class:"font-bold text-4xl text-grey-xDark mt-2 block"},Ga={class:"text-lg text-grey-xDark"},Ya={key:1,class:"m-auto w-2/4"},Ha={class:"font-bold text-3xl text-grey-xDark mt-2 block"},qa={class:"text-lg text-grey-xDark block"},$a={class:"text-lg text-grey-xDark block"};function ja(t,o,d,e,_,f){var N,x,w;const l=E("dynamic-ad"),p=E("article-filter"),s=E("sdp-streamline-icon"),n=E("sdp-drop-down"),u=E("article-list"),v=E("article-grid"),k=E("article-loader"),M=E("sdp-pagination");return i(),c(O,null,[e.articleArchiveTopSlot.isEnabled?(i(),X(l,{key:0,"custom-class":"mt-4","desktop-placement-key":((N=e.articleArchiveTopSlot.config)==null?void 0:N.desktopPlacementKey)??null,"mobile-placement-key":((x=e.articleArchiveTopSlot.config)==null?void 0:x.mobilePlacementKey)??null,"apply-header-offset":!0},null,8,["desktop-placement-key","mobile-placement-key"])):b("",!0),r("div",Ma,[h(p,{"is-mobile":e.isMobile,selected:e.presetFilters,onStateChange:e.onFilterChange,onReset:e.onFilterReset,onUnknownTeam:e.onUnknownTeam},null,8,["is-mobile","selected","onStateChange","onReset","onUnknownTeam"]),r("div",{class:"pt-0 w-full",style:tt(e.floorStyle)},[r("div",Pa,[e.isMobile?b("",!0):(i(),X(s,{key:0,icon:"listBullet",size:20,class:j(["list-icon",[e.activeDisplay==="list"?"text-primary-base":"text-grey-base"]]),"is-active":e.activeDisplay==="list",category:"switch",onClick:o[0]||(o[0]=z=>e.chooseAction("list"))},null,8,["is-active","class"])),e.isMobile?b("",!0):(i(),X(s,{key:1,icon:"gridLayout",size:20,category:"switch",class:j(["grid-icon",[e.activeDisplay==="grid"?"text-primary-base":"text-grey-base"]]),onClick:o[1]||(o[1]=z=>e.chooseAction("grid"))},null,8,["class"])),h(n,{options:e.orderByList,selected:e.selectedArticleOrderOptions,onUpdateOption:e.onChangeSelectedArticleOrderOptions},null,8,["options","selected","onUpdateOption"])]),h(ce,{name:"slide-fade"},{default:le(()=>{var z,D;return[r("div",null,[h(ce,{name:"slide-fade"},{default:le(()=>{var P;return[((P=e.articles)==null?void 0:P.length)>0&&e.activeDisplay==="list"?(i(),c("div",Ua,[h(u,{items:e.articles,"page-offset":e.pageOffset},null,8,["items","page-offset"])])):b("",!0)]}),_:1}),h(ce,{name:"slide-fade"},{default:le(()=>{var P;return[((P=e.articles)==null?void 0:P.length)>0&&e.activeDisplay==="grid"?(i(),c("div",Va,[h(v,{items:e.articles,"page-offset":e.pageOffset},null,8,["items","page-offset"])])):b("",!0)]}),_:1}),e.isLoading&&!((z=e.articles)!=null&&z.length)?(i(),X(k,{key:0,class:"pt-10","active-display":e.activeDisplay},null,8,["active-display"])):b("",!0),e.hasLoadedOnce&&!e.isLoading&&((D=e.articles)==null?void 0:D.length)<=0?(i(),c("div",Na,[r("div",za,[e.state.isError?b("",!0):(i(),c("div",Ba,[r("span",Ka,C(t.$t("article_archive.ops")),1),r("span",Ga,C(t.$t("article_archive.empty_list")),1)])),e.state.isError?(i(),c("div",Ya,[r("span",Ha,C(t.$t("article_archive.error")),1),r("span",qa,C(t.$t("article_archive.technical_issues")),1),r("span",$a,C(t.$t("article_archive.refresh")),1)])):b("",!0)])])):b("",!0)])]}),_:1}),e.hasLoadedOnce&&((w=e.articles)==null?void 0:w.length)>0?(i(),X(M,{key:0,"model-value":e.currentPage,pages:e.articlesPages,"range-size":1,"onUpdate:modelValue":e.onPageChange},null,8,["model-value","pages","onUpdate:modelValue"])):b("",!0)],4)])],64)}const ho=Z(Ra,[["render",ja]]);export{ho as default};