https://www.stjernen.no/assets/VideoArchive-D1P7gYg4.js

1import{a1 as be,b as Se,a2 as Fe,h as oe,r as I,aP as R,w as se,j as z,a3 as Te,t as pe,n as Oe,z as re,C as m,D as p,E as r,N as w,F as f,a7 as ne,a8 as ie,a9 as le,J as V,G as L,H as ae,aa as G,Y as De,B as P,Z as y,$ as Y,a0 as Ee,ab as Ae,P as Ie,Q as Pe,ac as ke,ae as Ve,U as Me,g as Re,W as we,a4 as Ce,af as xe,I as te,ag as ce}from"./index-BO6Ka_k5.js";import Ue from"./VideosSection-xvLeo3c5.js";import{S as Be}from"./SdpPagination-D3dpxs57.js";import{u as Ye}from"./useScrollFloor-BDQe4Xl6.js";import{A as H,a as de,i as ze,g as Le,m as Ne,p as j,t as me,f as he,u as qe}from"./archive-filter-date.helpers-OGxhhoOP.js";import{a as Qe}from"./fetch-videos-utils-XC72frSD.js";import{S as Ke,i as Ge}from"./SdpDropdown-B3UybKb-.js";import He from"./index-U3FaD8rQ.js";import"./GameCenterVideoLightbox-C5oi2CcU.js";import"./VideoLockedComponent-D3fZp8Ol.js";import"./VideoThumbnail-BOxZzPWn.js";import"./useListAdSlots-C7nMdGEr.js";var ve;const S=((ve=Te(9))==null?void 0:ve.map(e=>({name:`${e}`,value:`${e}`})))||[{name:"2021",value:"2021"},{name:"2020",value:"2020"},{name:"2019",value:"2019"},{name:"2018",value:"2018"}],je=[...H],We={name:"VideoFilter",components:{SdpStreamlineIcon:be,SdpDropDown:Ke},props:{isMobile:{type:Boolean},selected:{type:Object,required:!1,default:()=>({})}},emits:["reset","state-change"],setup(e,{emit:o}){const{t:s}=Se(),t=I(!1),u=I(!1),h=I("");let c;const b=()=>{u.value=!0,clearTimeout(c),c=setTimeout(()=>{u.value=!1},3e3)};Fe(()=>clearTimeout(c));const n=I(null),l=I(null),O=z(()=>({monthFrom:{name:s("search.filter.placeholder.monthFrom"),value:""},yearFrom:{name:s("search.filter.placeholder.yearFrom"),value:""},monthTo:{name:s("search.filter.placeholder.monthTo"),value:""},yearTo:{name:s("search.filter.placeholder.yearTo"),value:""},sortBy:{name:s("search.order_by.latest"),value:"latest"}})),E=je.map(a=>({name:s(`site.month.${a}`),value:a})),C=z(()=>({monthFrom:E,yearFrom:S,monthTo:E,yearTo:S})),g=oe({...C.value}),i=oe({...O.value}),U=[{name:s("search.order_by.oldest"),value:"oldest"},{name:s("search.order_by.latest"),value:"latest"}],A=I(R(O.value));let k=!1;const N=z(()=>!Ge({...i},A.value)||!pe(h.value)),W=(a,d,_)=>{var T,M;if(((T=d==null?void 0:d.split("."))==null?void 0:T.length)>1)return a;const v={name:d,value:""};return(M=i[_])!=null&&M.name||(i[_]=v),[v,...a]},q=a=>Le(a,E),J=a=>{const[d,_]=q(a);if(d===""||_==="")return!0;const v=de(d),T=de(_);return!v||!T?!0:ze(v,T)},B=()=>{const[a,d]=q(i);return{...i,textSearch:h.value,selectedFrom:{name:a},selectedTo:{name:d}}},Z=a=>{i.sortBy={...a}},F=a=>{var d,_;h.value="",o("state-change",{...B()}),a?(d=n.value)==null||d.focus():(_=l.value)==null||_.focus()},Q=()=>{o("state-change",{...B()})},K=(a,d)=>{const _={...i,[d]:{...a}};if(!J(_)){b();return}u.value=!1,d==="yearTo"?g.yearFrom=a.value===""?S:S.filter(v=>+v.name<=+a.name):d==="yearFrom"&&(g.yearTo=a.value===""?S:S.filter(v=>+v.name>=+a.name)),i[d]={...a}},X=()=>{u.value=!1,g.yearFrom=S,g.yearTo=S,h.value="",Object.assign(i,R(A.value)),o("reset")},$=()=>{t.value=!t.value},ee=a=>{if(k=!0,!!(a!=null&&a.monthFrom&&(a!=null&&a.yearFrom)&&(a!=null&&a.monthTo)&&(a!=null&&a.yearTo))&&a){const v=E.find(D=>D.value===a.monthFrom),T=S.find(D=>D.value===a.yearFrom),M=E.find(D=>D.value===a.monthTo),x=S.find(D=>D.value===a.yearTo);v&&(i.monthFrom={...v}),T&&(i.yearFrom={...T},g.yearTo=S.filter(D=>+D.name>=+T.name)),M&&(i.monthTo={...M}),x&&(i.yearTo={...x},g.yearFrom=S.filter(D=>+D.name<=+x.name))}else i.monthFrom=R(A.value.monthFrom),i.yearFrom=R(A.value.yearFrom),i.monthTo=R(A.value.monthTo),i.yearTo=R(A.value.yearTo),g.yearFrom=S,g.yearTo=S;const _=U.find(v=>v.value===(a==null?void 0:a.sort));i.sortBy=_?{..._}:R(A.value.sortBy),h.value=typeof(a==null?void 0:a.q)=="string"?a.q:"",Oe(()=>{k=!1})};return se(()=>JSON.stringify(e.selected??{}),()=>{ee(e.selected)},{immediate:!0}),se(i,()=>{k||o("state-change",{...B()})},{deep:!0}),{state:i,sortOptions:U,itemsList:g,insertDefault:W,isShowFilter:t,isFilterActive:N,dateRangeError:u,resetFilter:X,updateSortOrder:Z,search:Q,clearSearch:F,showFilter:$,updateState:K,textSearch:h,searchInputDesktop:l,searchInputMobile:n}}},Je=["aria-label"],Ze={class:"filter-mobile"},Xe=["aria-expanded"],$e={class:"inline-flex mr-2"},et={class:"search-btn-container"},tt={class:"relative"}

1,ot=["placeholder","aria-label"],at=["aria-label","title"],rt=["disabled","aria-label","title"],st={class:"filter-container"},nt={class:"flex items-center flex-wrap"},it={class:"text-xs text-grey-xDark pt-1"},lt={key:0,class:"relative italic label-to"},ct={key:1,class:"vertical-line"},dt={class:"flex items-center flex-wrap"},mt=["disabled"],ht={class:G("label inline-flex")},ut={class:""},vt={class:"search-btn-container flex-auto"},pt={class:"relative"},ft=["placeholder","aria-label"],gt=["aria-label","title"],_t=["disabled","aria-label","title"],yt={key:0,id:"mobileFilterContainer",class:"mobile w-full mt-4"},bt={class:"grid grid-cols-2 gap-4"},St={class:"group-filters"},Ft={class:"group-filters"},Tt=["disabled"],Ot={class:G("label inline-flex")},Dt={class:""},Et={key:1,class:"date-range-error",role:"alert","aria-live":"polite"};function At(e,o,s,t,u,h){const c=P("sdp-streamline-icon"),b=P("sdp-drop-down");return m(),p("div",De({class:"video-filter-container"},e.$attrs,{role:"region","aria-label":e.$t("search.filters")}),[r("div",Ze,[r("button",{type:"button",class:"flex items-center mr-2 lg:hidden text-secondary-base","aria-expanded":t.isShowFilter,"aria-controls":"mobileFilterContainer",onClick:o[0]||(o[0]=(...n)=>t.showFilter&&t.showFilter(...n))},[r("span",$e,w(e.$t("search.filters")),1),f(c,{icon:"settingsSlider",size:15})],8,Xe),r("div",et,[r("div",tt,[ne(r("input",{id:"searchInputMobile",ref:"searchInputMobile","onUpdate:modelValue":o[1]||(o[1]=n=>t.textSearch=n),placeholder:e.$t("search.placeholder"),"aria-label":e.$t("search.placeholder"),type:"search",class:"search-input float-right",onKeyup:o[2]||(o[2]=le((...n)=>t.search&&t.search(...n),["enter"]))},null,40,ot),[[ie,t.textSearch]]),t.textSearch.length>0?(m(),p("button",{key:0,type:"button",class:"absolute right-7 mr-4 pt-1 text-grey-xDark","aria-label":e.$t("search.clear"),title:e.$t("search.clear"),onClick:o[3]||(o[3]=n=>t.clearSearch(!0))},[f(c,{icon:"closeIcon",size:15})],8,at)):V("",!0),r("button",{type:"button",disabled:t.textSearch.length<=0,class:"absolute right-0 mr-4 pt-1 text-secondary-base","aria-label":e.$t("search.placeholder"),title:e.$t("search.placeholder"),onClick:o[4]||(o[4]=(...n)=>t.search&&t.search(...n))},[f(c,{icon:"magnifyingGlass",size:15})],8,rt)])])]),r("div",st,[r("div",nt,[r("span",it,w(e.$t("search.from"))+":",1),(m(!0),p(L,null,ae(t.itemsList,(n,l)=>(m(),p(L,{key:l},[f(b,{options:t.insertDefault(n,e.$t(`search.filter.placeholder.${l}`),l),selected:t.state[l],onUpdateOption:O=>t.updateState(O,l)},null,8,["options","selected","onUpdateOption"]),l==="yearFrom"?(m(),p("span",lt,w(e.$t("search.to")),1)):V("",!0),l==="yearTo"?(m(),p("div",ct)):V("",!0)],64))),128)),r("div",dt,[f(b,{options:t.sortOptions,selected:t.state.sortBy,onUpdateOption:t.updateSortOrder},null,8,["options","selected","onUpdateOption"])]),o[11]||(o[11]=r("div",{class:"vertical-line"},null,-1)),r("button",{type:"button",class:G(["reset-filter-button",{"text-grey-base":!t.isFilterActive,"text-primary-base":t.isFilterActive}]),disabled:!t.isFilterActive,onClick:o[5]||(o[5]=n=>t.resetFilter())},[r("span",ht,[r("span",ut,w(e.$t("search.reset_filter")),1),f(c,{icon:"refresh",size:30,class:"ml-3 mt-0.5"})])],10,mt)]),r("div",vt,[r("div",pt,[ne(r("input",{id:"searchInputDesktop",ref:"searchInputDesktop","onUpdate:modelValue":o[6]||(o[6]=n=>t.textSearch=n),placeholder:e.$t("search.placeholder"),"aria-label":e.$t("search.placeholder"),type:"search",class:"search-input float-right",onKeyup:o[7]||(o[7]=le((...n)=>t.search&&t.search(...n),["enter"]))},null,40,ft),[[ie,t.textSearch]]),t.textSearch.length>0?(m(),p("button",{key:0,type:"button",class:"absolute right-7 mr-4 pt-1 text-grey-xDark","aria-label":e.$t("search.clear"),title:e.$t("search.clear"),onClick:o[8]||(o[8]=n=>t.clearSearch(!1))},[f(c,{icon:"closeIcon",size:15})],8,gt)):V("",!0),r("button",{type:"button",disabled:t.textSearch.length<=0,class:"absolute right-0 mr-4 pt-1 text-secondary-base","aria-label":e.$t("search.placeholder"),title:e.$t("search.placeholder"),onClick:o[9]||(o[9]=(...n)=>t.search&&t.search(...n))},[f(c,{icon:"magnifyingGlass",size:15})],8,_t)])])]),t.isShowFilter?(m(),p("div",yt,[r("div",bt,[r("div",St,[(m(!0),p(L,null,ae(t.itemsList,(n,l)=>(m(),p("div",{key:l},[f(b,{options:t.insertDefault(n,e.$t(`search.filter.placeholder.${l}`),l),selected:t.state[l],onUpdateOption:O=>t.updateState(O,l)},null,8,["options","selected","onUpdateOption"])]))),128))]),r("div",Ft,[f(b,{options:t.sortOptions,selected:t.state.sortBy,onUpdateOption:t.updateSortOrder},null,8,["options","selected","onUpdateOption"]),r("button",{type:"button",class:G(["reset-filter-button",{"text-grey-base":!t.isFilterActive,"text-primary-base":t.isFilterActive}]),disabled:!t.isFilterActive,onClick:o[10]||(o[10]=n=>t.resetFilter())},[r("span",Ot,[r("span",Dt,w(e.$t("search.reset_filter")),1),f(c,{icon:"refresh",size:30,class:"ml-3 mt-0.5"})])],10,Tt)])])])):V("",!0),t.dateRangeError?(m(),p("p",Et,w(e.$t("search.invalid_date_range")),1)):V("",!0)],16,Je)}const It=re(We,[["render",At],["__scopeId","data-v-4fa7ecd9"]]),fe=24,Pt=9,ge=()=>Ee.now().year,kt=()=>ge()-Pt,Vt=[y.DATE_FROM,y.DATE_TO,y.QUERY,y.SORT,y.PAGE],Mt=e=>{if(!e)return 1;const o=Number.parseInt(e,10);return!Number.isSafeInteger(o)||o<1?1:o},Rt=e=>e==="asc"?"asc":"desc",wt=e=>e==="asc"?"oldest":"latest",Ct=e=>e==="oldest"?"asc":"desc",_e=e=>(e==null?void 0:e.trim())||void 0,ye=(e,o)=>{const s=j(e),t=j(o),u=h=>!!h&&h.year>=kt()&&h.year<=ge();return!u(s)||!u(t)||s.toMillis()>t.toMillis()?{}:{from:me(s),to:me(t)}},xt=e=>{const{from:o,to:s}=ye(Y(e[y.DATE_FROM]),Y(e[y.DATE_TO]));return{from:o,to:s,q:_e(Y(e[y.QUERY])),sort:Rt(Y(e[y.SORT])),page:Mt(Y(e[y.PAGE]))}},Ut=e=>({[y.DATE_FROM]:e.from,[y.DATE_TO]:e.to,[y.QUERY]:e.q||void 0,[y.SORT]:e.sort==="desc"?void 0:e.sort,[y.PAGE]:e.page<=1?void 0:String(e.page)}),Bt=e=>{const[o,s]=Ne(e.from,e.to);return{page:Math.max(0,e.page-1),pageSize:fe,searchToken:e.q??"",dateFrom:o,dateTo:s,sortKeys:e.sort}},ue=e=>{const o=[...H];return e!=null&&e.value?o.indexOf(String(e.value)):-1},Yt=e=>{var n,l,O;const o=ue(e.monthFrom),s=ue(e.monthTo),t=(n=e.yearFrom)!=null&&n.value?String(e.yearFrom.value):"",u=(l=e.yearTo)!=null&&l.value?String(e.yearTo.value):"",h=o>=0&&s>=0&&!!t&&!!u,{from:c,to:b}=h?ye(he(t,o),he(u,s)):{};return{from:c,to:b,q:_e(e.textSearch),sort:Ct((O=e.sortBy)==null?void 0:O.value),page:1}},zt=e=>{const o=j(e.from),s=j(e.to);return{monthFrom:o?H[o.month-1]:void 0,yearFrom:o?String(o.year):void 0,monthTo:s?H[s.month-1]:void 0,yearTo:s?String(s.year):void 0,sort:wt(e.sort),q:e.q??""}},Lt=Ae({name:"VideoArchiveLoader",components:{SdpSkeletonLoader:He},props:{numberOfItems:{type:Number,default:fe}}}),Nt={class:"video-archive-loader"},qt={class:"video-archive-loader-container"},Qt={class:"video-archive-loader-grid"},Kt={class:"video-archive-loader-image"},Gt={class:"video-archive-loader-content"};function Ht(e,o,s,t,u,h){const c=P("sdp-skeleton-loader");return m(),p("div",Nt,[r("div",qt,[r("ul",Qt,[(m(!0),p(L,null,ae(e.numberOfItems,b=>(m(),p("li",{key:b,class:"video-archive-loader-item"},[r("div",Kt,[f(c,{type:"square",width:"100%",height:180,rounded:!1,animation:"wave"})]),r("div",Gt,[f(c,{type:"square",width:"35%",height:14,rounded:!1,animation:"wave","inside-class":"ml-auto"}),f(c,{type:"square",width:"80%",height:18,rounded:!1,animation:"wave",class:"mt-4"})])]))),128))])])])}const jt=re(Lt,[["render",Ht],["__scopeId","data-v-1189e712"]]),Wt=300,Jt={name:"VideoArchive",components:{VideosSection:Ue,SdpPagination:Be,SyHeading:Pe,VideoFilter:It,VideoArchiveLoader:jt,DynamicAd:Ie},setup(){const e=ke(we.VIDEO_ARCHIVE_TOP),o=Re(),s=oe({videos:[],pages:0}),t=I(!0),u=I(!1),h=I(!1);let c=0;const{floorStyle:b,isRestoringScroll:n,release:l}=Ye(),E=Me({mobile:801}).smallerOrEqual("mobile"),C=async(F,Q)=>{const K=++c;typeof window<"u"&&!n.value&&!Q.isRestoring&&Q.reason!=="init"&&window.scrollTo({top:0}),t.value=!0;const{page:X,pageSize:$,searchToken:ee,dateFrom:a,dateTo:d,sortKeys:_}=Bt(F);try{const{items:v,meta:T}=await Qe(X,$,ee,a,d,_);if(K!==c)return;s.videos=v??[],s.pages=Number(T==null?void 0:T.totalPages)||0,h.value=!1,t.value=!1,u.value=!0,l();const M=s.pages||1,x=Math.max(1,Math.min(F.page,M));x!==F.page&&i({page:x},"replace")}catch(v){if(K!==c)return;h.value=!0,t.value=!1,u.value=!0,l(),console.warn("[VideoArchive] > [loadVideos]",v)}},{state:g,commit:i}=Ve({keys:Vt,parse:xt,serialize:Ut,onChange:C}),U=z(()=>g.value.page);qe(U);const A=z(()=>zt(g.value));let k=null,N=o.fullPath;const W=xe(()=>{const F=k;k=null,!(!F||o.fullPath!==N)&&i(Yt(F),"push")},Wt),q=F=>{F&&(k=F,N=o.fullPath,W())},J=()=>{k=null,i({from:void 0,to:void 0,q:void 0,sort:"desc",page:1},"push")},B=F=>{i({page:F},"push")},Z=Ce("headerOffset",0);return{state:s,isLoading:t,hasLoadedOnce:u,isError:h,isMobile:E,currentPage:U,presetFilters:A,floorStyle:b,onFilterChange:q,onFilterReset:J,onPageChange:B,isEmpty:pe,headerOffset:Z,videoArchiveTopSlot:e}}},Zt={class:"video-archive-container mt-0 md:mt-12"},Xt={class:"header-container"},$t={key:0,class:"video-archive-page-videos-container latest-videos"},eo={key:2,class:"video-archive-page-videos-container latest-videos"},to={class:"no-videos-message"};function oo(e,o,s,t,u,h){var C,g,i;const c=P("dynamic-ad"),b=P("sy-heading"),n=P("video-filter"),l=P("videos-section"),O=P("video-archive-loader"),E=P("sdp-pagination");return m(),p(L,null,[t.videoArchiveTopSlot.isEnabled?(m(),te(c,{key:0,"custom-class":"mt-4","desktop-placement-key":((C=t.videoArchiveTopSlot.config)==null?void 0:C.desktopPlacementKey)??null,"mobile-placement-key":((g=t.videoArchiveTopSlot.config)==null?void 0:g.mobilePlacementKey)??null,"apply-header-offset":!0},null,8,["desktop-placement-key","mobile-placement-key"])):V("",!0),r("div",{class:"video-archive-page-container",style:ce(t.headerOffset>0?{marginTop:t.headerOffset+"px"}:{})},[r("div",Zt,[r("div",Xt,[f(b,{primary:"","heading-label":e.$t("videos.video_archive"),heading:"heading 3","is-section-heading":!0,uppercase:""},null,8,["heading-label"])]),f(n,{"is-mobile":t.isMobile,selected:t.presetFilters,onStateChange:t.onFilterChange,onReset:t.onFilterReset},null,8,["is-mobile","selected","onStateChange","onReset"]),r("div",{style:ce(t.floorStyle)},[t.isEmpty(t.state.videos)?t.isLoading?(m(),te(O,{key:1})):(m(),p("div",eo,[r("div",to,w(t.isError?e.$t("article_archive.error"):e.$t("videos.no_videos_available")),1)])):(m(),p("div",$t,[f(l,{"video-list":t.state.videos,"show-ads":!0,"is-show-button":!1},null,8,["video-list"])])),t.hasLoadedOnce&&((i=t.state.videos)==null?void 0:i.length)>0?(m(),te(E,{key:3,"model-value":t.currentPage,pages:t.state.pages,"range-size":1,"onUpdate:modelValue":t.onPageChange},null,8,["model-value","pages","onUpdate:modelValue"])):V("",!0)],4)])],4)],64)}const fo=re(Jt,[["render",oo],["__scopeId","data-v-9f71364a"]]);export{fo as default};